/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
.bio-banner
/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

video {
    max-width: 100%;
    height: auto;
}

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}
/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}


/*****************************************/
/* Start your style declarations here    */
/*****************************************/




/* General Structure Styles*/

.father{
  display: flex;
    display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}


.separate-father{
    display: flex;
    display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	 justify-content: space-between;
	 -webkit-justify-content: space-between;
    
}

 .wrapper-gen{
        max-width:70% !important;
        margin:0 auto !important;
        float:none !important;
    }


@media(max-width:800px){
   .wrapper-gen{
        max-width:90% !important;
    }
}




.1200-wrapper{
    
    max-width: 1200px;
    margin: 25px auto;
	padding: 2% 25px 3% 25px;
	background: white;
	border: 5px solid #efefef;
    
}

.footer-wrapper{
   
    max-width: 1200px;
	margin: 25px auto 0 auto;
	

}

/**/

/*General Font Styles*/


body{
    margin: 0;
	padding: 0;
	font-size: 16px;
  font-family: 'Lato', sans-serif !important;


}

h1,h2,h3,h4,h5,p,ul,li,a,div{
	margin: 0;
	padding: 0;
}

h1{
	font-size: 40px !important;
    line-height:55px !important;
    font-weight:300;

	
}

h2{
	font-size: 22px;
     font-weight:300;
     margin:10px 0;
     

}

h3{
	font-size: 25px !important;
     font-weight:300;
     margin-bottom:10px;
     line-height:30px;


}


p{
 font-size: 16px !important;
  
    font-family: Helvetica, Arial, sans-serif;
    line-height: 26px;
    margin: 10px 0 15px 0;
 font-family:Helvetica, Arial, sans-serif !important;
}


a{
    text-decoration:none;
	
}

ul{
	list-style: none;
}


/*buttons*/

.general-btn{
     color:rgba(255,255,255,1);
            font-size: 15px;
              color:white !important;
              text-decoration:none !important;
            padding:15px 20px;
           background:#006bc5;
         
           
            display:block;
            text-decoration:none;
            text-align:center;
            font-weight:700;
           
            margin:15px 0 !important;
            
              transition: all .2s ease;
 -webkit-transition: all .2s ease;
 -o-transition: all .2s ease;
 -ms-transition: all .2s ease;
                
         }



         
         
          .general-btn  a:hover{
              background:#006bc5;
              color:white !important;
              text-decoration:none !important;
          }

.btnverde{background:#339933!important;}
          
          
          .title-subtitle h1{
              color:#006bc5;
              font-size:40px !important;
              
          }
          
          .title-subtitle h4{
              
          }


/*colors*/

.blue{
    color: #006bc5;
}


/*Mob y Desk Switch*/


.desk{display:block;}
@media(max-width:640px){.desk{display:none;}}
.mob{display:none;}
@media(max-width:640px){.mob{display:block;}}

/*Alerta*/

.padre-alerta-security{
display:flex;
  justify-content:flex-end;
}

.alerta-security{
background-color:#fe9339;
  color:black;
  width:250px;
}

.alerta-security-wrapper{
padding:5px;
}

.alerta-security-wrapper p{
font-size: 13px !important;
  font-weight:400;
  text-align:center;
  margin:0 !important;
}

.alerta-security-wrapper p a{
color:black !important;
  text-decoration:underline;
}



/*404*/

.custom_error_message h1 { font-size: 65px !important; color:#004989;}
.custom_error_message h2 { font-size: 50px !important; color:#ad9b11;}



/*update homepage march 2025*/

.message{
  padding:16px;
}

.message h2{
  font-size:22px;
  color: white;
  font-weight:bold;
  margin:0;
  
}

.axelfoodgradesection .message{background:#243876;}
.certifiedfacilitie .message{background:#339933;}
.axelfoodgradesection{background:#d7f0ff;}

.axelfoodgradesection .contentint, .certifiedfacilitie .contentint{padding:32px 32px;}
.axelfoodgradesection .contentint h2, .certifiedfacilitie .contentint h2{color:#0071bb; font-size:25px; line-height:30px; font-weight:bold; margin-bottom:24px; margin-top:0;}
.axelfoodgradesection .contentint p, .certifiedfacilitie .contentint p{color:#666666;}

.axelfoodgradesection .contentint .general-btn{width:170px; margin:16px auto 0 auto!important;}

.foodgradebrochure{background:url("https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/xsmall.png") no-repeat; background-position:50% 50%;}
.foodgradebrochure h3{font-size:25px; text-align:center; color:#0071bb; font-weight:bold;}
.foodgradebrochure{padding:32px 0;}
.foodgradebrochure p{color:#666666;}
.foodgradebrochure .wrapperint{width:60%; align-items:center; margin:24px auto 0 auto;}
.foodgradebrochure .wrapperint a{width:170px;}
.foodgradebrochure .wrapperint div{width:40%;}
.foodgradebrochure .wrapperint img{width:60%;}
.discoverycall{background:url("https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/discoverycall-100%20%283%29.png") no-repeat; background-size:60% 100%; background-position:130% 0;}
.discoverycall .wrapper{width:50%; align-items:center; margin:24px 0 24px 40px;}
.discoverycall .wrapper h3{font-size:25px; color:#0071bb; font-weight:bold;}
.discoverycall .wrapper p{color:#666666;}
.discoverycall .wrapper a{width:170px;}

@media(max-width:800px){
  .foodgradebrochure{padding:32px 32px; background:#d7f0ff;}
  .foodgradebrochure h3{text-align:left; margin:0;}
  .foodgradebrochure .wrapperint{width:100%; margin:0 auto;}
  .foodgradebrochure .wrapperint div{width:100%; order:2;}
    .foodgradebrochure .wrapperint img{margin:0 auto 16px auto; order:1;}
  .discoverycall{padding:32px 32px;background-size:60% 60%; background-position:130% 100%;}
  .discoverycall .wrapper{width:60%; margin:0;}
  

}

/*foodgrade landing 2025*/
.fg-titlesection{
    padding:32px 0;
  text-align:center;
}

.certifiedfacility{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:32px;
}

@media(max-width:800px){
  .certifiedfacility{flex-direction:column; align-items:baseline;}

}

.certifiedfacility .contenidointerno{width:80%; margin-right:5%;}
.certifiedfacility .contenidointerno h3{font-size:25px; color:#0071bb; font-weight:bold;}
.certifiedfacility .lista{width:15%;}
.certifiedfacility .lista p{font-weight:bold;color:#0071bb;}

@media(max-width:800px){
 .certifiedfacility .contenidointerno{width:100%; margin-right:0%;}
  .certifiedfacility .lista{width:100%;}

}

.fg-intro{
  padding-left:16px;
  margin-bottom:32px;
}

.fg-intro ul{list-style:disc;}
.fg-intro ul li{padding:16px 8px; font-size:16px; line-height:26px; }
.fg-titlesection h1{font-size:50px!important; line-height:60px!important; color:#0071bb;}
.foodgraderegulations{background:#d7f0ff;}
.foodgraderegulations .wrapper-gen{padding:32px 0;}
.foodgraderegulations  .grilla2col{gap: 16px;}
.foodgraderegulations h3{font-size:25px; color:#0071bb; font-weight:bold;}


.foodgraderegulations .incidentalcontact, .foodgraderegulations .generalcontact{
  margin:40px 0 0 0;
  padding:16px 16px;
  text-align:center;
}

.foodgraderegulations .incidentalcontact h4, .foodgraderegulations .generalcontact h4{font-weight:bold;}
.foodgraderegulations .incidentalcontact p, .foodgraderegulations .generalcontact p{margin-bottom:0;}
.foodgraderegulations .incidentalcontact{border:3px solid #0071bb;}
.foodgraderegulations .generalcontact{border:3px solid #666666;}
.foodgraderegulations ul{list-style:disc; padding-right:16px;}
.foodgraderegulations ul li{margin:8px 0; color:#666666; line-height:26px;}
.foodgradegrease{background:url("https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/fggreases-bg.png") no-repeat; background-size:100% 100%;}
.foodgradelubricant{background:url("https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/fglubricants-bg.png") no-repeat; background-size:100% 100%;}
.foodgradegrease .wrapper,.foodgradelubricant .wrapper{width:60%; align-items:center; margin:24px auto 24px auto;}
.foodgradegrease .wrapper div,.foodgradelubricant .wrapper div{width:55%;}
.foodgradegrease .wrapper h3,.foodgradelubricant .wrapper h3{font-size:25px; color:#0071bb; font-weight:bold;}
.foodgradegrease .wrapper p,.foodgradelubricant .wrapper p{color:#666666;}
.foodgradegrease .wrapper a,.foodgradelubricant .wrapper a{width:170px;}


@media(max-width:800px){
  .foodgradegrease .wrapper,.foodgradelubricant .wrapper{width:90%; align-items:baseline;}
  .foodgradegrease .wrapper div,.foodgradelubricant .wrapper div{width:100%; order:2;}
   .foodgradegrease .wrapper img,.foodgradelubricant .wrapper img{order:1; margin:0 auto 16px auto;}

}


/*biohomesection*/
.franjaverdebio{background:rgba(50,150,50,0.2); padding:24px;}
.franjaverdebio h3{color:#339933; font-weight:bold;}
.franjaverdebio .separate-father{margin:40px 0; align-items:center;}
.franjaverdebio h4{color:#243876; font-weight:bold; font-size:20px;}
.franjaverdebio p{color:#243876 !important;}
/*bio landing*/

.biobackground{background:rgba(50,150,50,0.2);}
.biobackground .wrapper-gen{padding:32px 0;}
.biobackground  .grilla2col{gap: 16px;}
.biobackground h3{font-size:25px; color:#002686; font-weight:bold;}
.biobackground h3 span{color:#339933;}
.biobackground .franjaverde{background:#00a651; padding:16px 0; color:white; font-weight:bold; text-align:center;}
.biobackground .franjaverde h3{color:white; font-weight:bold; text-align:center;}
.biobackground .incidentalcontact, .biobackground .generalcontact{
  margin:40px 0 0 0;
  padding:16px 16px;
  text-align:center;
}

.biobackground .incidentalcontact h4, .biobackground .generalcontact h4{font-weight:bold;}
.biobackground .incidentalcontact p, .biobackground .generalcontact p{margin-bottom:0;}
.biobackground .incidentalcontact{border:3px solid #0071bb;}
.biobackground .generalcontact{border:3px solid #666666;}
.biobackground ul{list-style:disc; padding-right:16px;padding-left:16px;}
.biobackground ul li{margin:8px 0; color:#333; line-height:26px;}
.biobackground .cuadrante{padding:24px;}
.biobackground .cuadrante h3{padding:8px 0 0 0;}
.biobackground .resaltado{background:rgba(0,180,60,0.2);}

.biobackground span{color:#243876; font-weight:bold;}
/*emergency news*/

.emergency-news{
  /*padding: 0!important;
  width:50% !important;*/
  grid-row: span 2 / span 2;
}

@media(max-width:800px){
  .emergency-news{
  
     width:100% !important;
  }

}

.emergency-news .red-bg{
  background:#243876;
}

.emergency-news .red-bg h2{
  font-weight:bold !important;
  padding:16px 16px;
  color:white !important;
  margin:0;
}

.emergency-news .bodycontent{
  padding: 24px 32px;
  background:#ebebeb;
}


.emergency-news .bodycontent p{
  font-weight:400;
  color:#666;
}

/*kuala 2024 tweaks*/

.kuala{
  background:url("https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/2024-hp-banner/kualabg.png") no-repeat;
  background-position:top right;
  background-size:100% 100%;

}

.kuala h2, .kuala h3, .kuala p{color:white !important; font-weight:bold !important;}

.kuala h2{text-transform:uppercase; font-size:40px!important; line-height:40px!important;}

@media(max-width:800px){
  .kuala{
  background:url("https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/2024-hp-banner/backgroundasiacompverticalmob.png") no-repeat;
}
}

.item-brochure2024{ /*width:30%; display:flex; flex-wrap:wrap; flex-direction:column;*/ padding:10% 10%;  /*grid-column-start: 2; grid-row-start: 2;*/}

.item-brochure2024 h2{text-transform:uppercase; font-size:40px!important; line-height:40px!important; color:#002686; font-weight:bold !important;}

.item-brochure2024 p{
  font-weight:400 !important;
  color:#666;
}

.item-brochure2024 a{
  display:block;
  height:35px;
  line-height:35px;
  background:#9B8E2E;
  color:white;
  text-decoration:none;
  text-align:center;
  width:200px;
  
}
.gridintern2col{
  display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 0px;
}



@media(max-width:800px){
  .gridintern2col{
  display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 0px;
}
  
  .gridintern2col .it{margin-bottom:24px;}
}
/*banner jan 2025*/

.bg-2025-jan-hero{
   position:absolute;
  width:102%;
  height:102%;
  z-index:1;
  top:-5px;
  left:-5px;
}

.bg-2025-jan-hero img{
   
  width:100%;
  height:100%;
 
}

.youservices-banner img{
  width:100%;
  height:100%;
}

.grilla-customizable{
   display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 0px;
 }

.grilla2col{
  display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 0px;
}

@media(max-width:800px){
 .grilla2col{
  display: grid;
    grid-template-columns: repeat(1, 1fr);
}
}

@media(max-width:800px){
 .grilla-customizable{
   display: grid;
    grid-template-columns: repeat(1, 1fr);
 }
}

.prestigious-clients{
  grid-column-start: 2;
    grid-row-start: 2;
  padding:0% 10%;
}

.prestigious-clients h2{
  text-transform:uppercase; font-size:40px!important; line-height:40px!important; color:#002686; font-weight:bold !important;
}

.prestigious-clients p{
 font-weight:400 !important;
  color:#666;
}

@media(max-width:800px){
  .prestigious-clients{
  background:#e9e9e9;
  padding:5% 5%;
}
.prestigious-clients p{
 text-align:left !important;
  max-width:100% !important;
}

}


.services-banner{
  position:relative;
  min-height:360px;
}

.imagenesfondo{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 0px;
  z-index:1;
}


.imagenesfondo .img img{width:100%; height:100%;}

.services-banner .titulo{
   position: absolute; 
  left: 0; 
  right: 0; 
  margin-inline: auto; 
  width: fit-content;
  z-index:2;
  top:35%;
}

.services-banner .titulo h2{
  color:white;
  text-align:center;
  font-size:60px;
  line-height: 60px;
  font-weight:bold;
  text-shadow: -1px 3px 4px rgba(0,0,0,0.6);
  
  
}

@media(max-width:800px){
  .imagenesfondo{
 
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
   
}
  
  
  .services-banner .titulo h2{
    font-size:30px;
  line-height: 35px;
  
  }
}
/*banner 135*/


.anniversary-hero{
  width:100%;
  min-height:642px;
  position:relative;
  overflow:hidden;
  margin-bottom:10px;

}

@media(max-width:800px){
.anniversary-hero{
 min-height:300px;

}
  }

.anniversary-content-wrapper{
  position:absolute;
  left:15%;
  
  top:0;
  width:70%;
  min-height:100%;
  display:flex;
  flex-direction:row;
  align-items:center;
  z-index:3;
  
  
}

.anniversary-content-wrapper .logo{
  width:20%;
  margin-right:15px;
  order:2;

}

.anniversary-content-wrapper .contenido{
  width:80%;

}

.anniversary-content-wrapper h1{
  font-size:80px !important;
  line-height:80px !important;
  font-weight:bold;
  color:white;
  text-shadow: 0px 4px 10px rgba(0,0,0,0.45);
}


.anniversary-content-wrapper p{
   font-size:24px !important;
  line-height:34px !important;
  font-weight:500;
  color:white;
  text-shadow: 0px 4px 10px rgba(0,0,0,0.45);
}

.anniversary-sello{
   width:78px;
  height:72px;
  position:absolute;
  right:25px;
  bottom:25px;
  z-index:2;
}


.anniversary-grid{
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
  display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 0px;
}

.anniversary-grid img{
  width:100%;
  height:100%;
}





@media (max-width:1000px){
  
 .anniversary-content-wrapper{
  position:absolute;
  left:0;
   right:0;
  top:35px;
  width:80%;
   margin: 0 auto;
  min-height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  z-index:3;
  
}
  
  .anniversary-content-wrapper .logo{
  width:120px;
  margin:0 auto;

}

.anniversary-content-wrapper .contenido{
  width:100%;

}
  
  .anniversary-content-wrapper .contenido h1{
  text-align:center;
    font-size:30px !important;
  line-height:35px !important;

}
  
  .anniversary-content-wrapper .contenido p {
  text-align:center;
    font-size:15px !important;
  line-height:15px !important;

}
  
  
  .anniversary-grid{
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}
  
  
}




/*banner holland plant*/

.hollandplant-hero{
  width:100%;
  min-height:579px;
  position:relative;
  overflow:hidden;

}

.hollandplant-hero .hollandplant-hero-video{
   width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:1;

}


.hollandplant-hero .hollandplant-hero-video video{
 width:100%;
  height:auto;
  margin-top:-200px;

}

.hollandplant-hero .hollandplant-hero-video img{
 width:100%;
  height:auto;

}


.hollandplant-hero .hollandplant-hero-contenido-sello{
  width:78px;
  height:72px;
  position:absolute;
  right:25px;
  bottom:25px;
  z-index:3;

}


.hollandplant-hero .hollandplant-hero-contenido{
  width:35%;
  min-height:100%;
  position:absolute;
  left:0;
  top:0;
  background: rgb(0,0,0);
  background: linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
  z-index:2;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;

}

.hollandplant-hero .hollandplant-hero-contenido-wrapper{
  padding-lefT:10%;
  width:70%;


}


.hollandplant-hero .hollandplant-hero-contenido-wrapper h1{
  font-size:65px !important;
  line-height:75px !important;
  font-weight:bold;
  color:white;
  text-shadow: 0px 4px 10px rgba(0,0,0,0.45);
  
}


.hollandplant-hero .hollandplant-hero-contenido-wrapper h2{
  font-size:24px !important;
  line-height:26px !important;
  font-weight:500;
  color:white;
  text-shadow: 0px 4px 10px rgba(0,0,0,0.45);
  
}



.hollandplant-section{
    background:url("https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/2023-hp-banners/holland-plant/x.png") no-repeat;
  background-position:top right;
  background-size:contain;
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  padding:5% 0;
}

.hollandplant-section-wrapper{
  max-width:80%;
  margin:0 auto;
   display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  align-items:center;
  justify-content:center;
}

.hollandplant-section-content{
  width:50%;
  margin-right:10%
}

.hollandplant-section-content h2{
  font-size:32px !important;
  line-height:40px !important;
  color:#002686;
  font-weight:bold;
}

.hollandplant-section-content p{
  color:#767676;
  font-size:20px !important;
  line-height:30px;
  font-weight:500;
 
  
  
}

.hollandplant-section-content a{
  display:block;
  width:200px;
  text-align:center;
  color:white;
   background:#234B8D;
  height:40px;
  line-height:40px;
  margin-bottom:20px;
  
}

.hollandplant-section-content img{
  display:block;
  margin:30px 0;
}


.hollandplant-section-video .slider-timeline{
  margin:25px 0;
  padding-bottom:25px;
  border-bottom:1px solid #999;
}

.hollandplant-section-video .slider-timeline h2{
  font-size:25px !important;
  font-family:Helvetica, Arial, sans-serif;
  line-height:35px;
  color:#002686;
  font-weight:bold;
  text-align:center;
  margin-bottom:15px;
}

.hollandplant-section-video .slider-timeline a{
    display:block;
  width:200px;
  text-align:center;
  color:white;
   background:#234B8D;
  height:40px;
  line-height:40px;
  margin:0 auto;
}
.hollandplant-section-video{
  width:40%;
}

.hollandplant-section-video-cta{
  width:80%;
  margin: 0 auto 25px auto !important;
  display:block;
}

.hollandplant-section-video-video{
  border-radius:8px;
   box-shadow: 0px 4px 10px rgba(0,0,0,0.45);
}

@media (max-width:800px){
  
  .hollandplant-section{
   
  background:none;
}
  
  .hollandplant-hero{ 
  height:180px;
}
  
  .hollandplant-hero .hollandplant-hero-contenido{
    width:100%;
     height:180px;
  }
  
  .hollandplant-hero .hollandplant-hero-contenido-wrapper{
    padding-left:0;
    margin:0 auto;
    
  }
  
  .hollandplant-hero .hollandplant-hero-contenido-wrapper h1{
  font-size:30px !important;
  line-height:35px !important;
  
}


.hollandplant-hero .hollandplant-hero-contenido-wrapper h2{
  font-size:20px !important;
  line-height:24px !important;
  
}
  
  .hollandplant-hero .hollandplant-hero-video video{
  margin-top:0;
}
  
  .hollandplant-section-wrapper{
    max-width:90%;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    
  }
  
  .hollandplant-section-content{
    width:100%;
    margin-right:0;
  }
  
  .hollandplant-section-video{
  width:100%;
  }
}

/*banner grease portfolio*/

.grease-portafolio{
background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/bgx-white.png);
  background-repeat:no-repeat;
  background-size:100% 100%;
}





.grease-portafolio-wrapper{
padding:5% 0;
  max-width:1400px;
  margin:0 auto !important;
  float:none !important;
  color:white;
  position:relative;
  overflow:hidden;
}


.grease-portafolio-wrapper-content{
 width:40%;
}


.grease-portafolio-wrapper-content h2{
 font-size:48px !important;
  font-weight:bold;
  color:#9B8E2E;
  line-height:52px;
}

.grease-portafolio-wrapper-content p{

  color:#002686;
}


.grease-portafolio-wrapper-content a{
  	display:block;
  width:50%;
  text-align:center;
  color:white;
  text-decoration:none;
  height:40px;
  line-height:40px;
   background:#9B8E2E;
  margin-top:15px;
  
}

.grease-portafolio-wrapper-image{
 width:50%;
}

.grease-portafolio-wrapper-image img{
 width:100%;
  height:auto;
}

.grease-portafolio-wrapper-dedos {
position:absolute;
  bottom:0;
  width:1000px;
  height:100px;
   left: 0;
  right: 0;
  margin: auto
}

@media(max-width:640px){.grease-portafolio{background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/bgx-white.png); background-repeat:no-repeat; background-position:bottom; background-size:cover;} .grease-portafolio-wrapper{max-width:90% !important;} .grease-portafolio-wrapper a{width:100%;}.grease-portafolio-wrapper-content{width:100% !important; margin-bottom:25px;}.grease-portafolio-wrapper-image{width:55% !important; margin:0 auto;}}

/*Banner coronavirus*/

.coronavirus{
  background:#234b8d;
}

.coronavirus .wrapper{
  padding:5% 0;
  max-width:60%;
  margin: 0 auto !important;
  float:none !important;
  color:white;
}


.coronavirus .wrapper ol li{
  padding:1% 0;
}

@media(max-width:640px){
   .coronavirus .wrapper{
 
  max-width:90%;
 
  }
}

/*banner jan 2019*/

.banner-jan18{
  position:relative;
  overflow:hidden;
}

.banner-jan18 img{
  width:100%;
  height:auto;
}

.banner-jan18-text{
  position:absolute;
  left:0;
  right:0;
  width:640px;
  margin:0 auto;
  top:21%;
  text-align:center
}

@media(max-width:1050px){
  .banner-jan18-text{
  top:25%;
  }

}


@media(max-width:640px){
  .banner-jan18-text{
  top:14%;
      width:80%;
  }

}

.banner-jan18-text h1{
  color:white;
  font-weight:700;
  font-size:50px !important;
  line-height:60px !important;
 
}

@media(max-width:1050px){
.banner-jan18-text h1{
 
  font-weight:700;
  font-size:30px !important;
  line-height:40px !important;
 
}


}




@media(max-width:640px){
 .banner-jan18-text h1{
  color:white;
  font-weight:700;
  font-size:25px !important;
  line-height:30px !important;
  }
}

.banner-jan18-text p{
  color:#ae9e35;
  font-weight:300;
  font-size:25px !important;
  line-height:30px !important;
 
}


@media(max-width:1050px){
.banner-jan18-text p{
 

  font-size:20px !important;
  line-height:20px !important;
 
}


}


/*banner environmental*/

.environmentday-home{
  background:url("https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/landings-2019/hero-landing-wide-haymarket-new-new.png") no-repeat left top;
  background-size:cover;
  min-height:350px;
}

@media(max-width:640px){
.environmentday-home{
  background:url("https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/landings-2019/hero-landing-haymarket-mob.png") no-repeat left top;
}
}


.environmentday-home .wrapper{
  max-width:1200px;
  margin:0 auto !important;
  float:none !important;
  padding:5% 0 !important;
}



@media(max-width:1200px){
.environmentday-home .wrapper{
  max-width:80%;
 
}
}



.environmentday-home .wrapper h1{
 color:#a59330;
}


.environmentday-home .wrapper h1 {
    font-weight:700 !important;
  font-size:35px !important;
  line-height:40px !important;
  
}

@media(max-width:640px){
.environmentday-home .wrapper h1 {
    
  font-size:25px !important;
    line-height:40px !important;
  
}
}

.environmentday-home .wrapper h1 span{
  color:#0A4C8A;
  
}


.environmentday-home .wrapper h2 {
    font-weight:700 !important;
   color:#a59330;
  
}

.environmentday-home .wrapper a {
    height:50px;
  line-height:50px;
  display:block;
  color:white;
  text-decoration:none;
  text-align:center;
  background:#234b8d;
  font-weight:bold;
  width:200px;
  
  
}
/*banner dec 2018*/

.bannerdecembercont{
  position:relative;
}

.bannerdecembercont img{
  width:100%;
  height:auto;
}
.bannerdecembercont-texto{
  position:absolute;
  width:500px;
  top:25%;
  left:10%;
}

@media(max-width:640px){
  .bannerdecembercont-texto{
  position:absolute;
  width:80%;
  top:20%;
  left:0;
    right:0;
    margin:0 auto;
}
}

.bannerdecembercont-texto h1{
  color:white;
  font-weight:700;
  font-size:50px !important;
  line-height:60px !important;
}


@media(max-width:640px){
  .bannerdecembercont-texto h1{
  color:white;
  font-weight:700;
  font-size:25px !important;
  line-height:30px !important;
  }
}
.bannerdecembercont-texto h1 span{
  color:#ad9f07;
 
}


.greetingsbanner{
  display:flex;
  display:-webkit-flex;
  flex-direction:row;
  -webkit-flex-direction:row;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
   background:#f4f4f4;
  
}

@media(max-width:640px){
.greetingsbanner{
  display:flex;
  display:-webkit-flex;
  flex-direction:column;
  -webkit-flex-direction:column;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  align-items:center;
  padding:0;
  
}
}

.greetingsbanner .itemimagen{
  width:50%;
  background:white;
  
}

.greetingsbanner .itemimagen .videoholder{
  padding:50px 0;
  
}

.greetingsbanner .itemimagen h1{
  text-align:center;
  margin-bottom:15px;
  color:#004f96;
  
}

.greetingsbanner .itemimagen-video{
  width:80%;
  margin:0 auto;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
}


@media(max-width:640px){
.greetingsbanner .itemimagen{
  width:100%;
  margin: 0 0;
}
}

.greetingsbanner .itemtexto{
  width:50%;
  text-align:left;
  
  background:#f4f4f4;
}

@media(max-width:640px){
.greetingsbanner .itemtexto{
  width:100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
 
}
}

.itemtexto-vision{
  position:relative;
  /*width:50%;*/
}

.itemtexto-vision img{
  width:100%;
  height:100%;
}


.itemtexto-vision p{
   display:block !important;
  position:absolute;
  width:80%;
  margin: 0 auto !important;
  left:0;
  right:0;
  top:30%;
  text-align:center !important;
  color:white !important;
  font-weight:bold;
  font-size:30px !important;
  line-height:40px;
 
}

.itemtexto-vision p span{
    font-size:30px !important;
  line-height:30px;
}

@media(max-width:640px){
.itemtexto-vision p{
   
  font-weight:bold;
  font-size:15px !important;
  line-height:20px;
 
}
}

.itemtexto-content{
 /* width:30%;
  display:flex;
  flex-wrap:wrap;
  flex-direction:column;
  padding:2% 10%;*/
}
.greetingsbanner .itemtexto-content h2{
  font-size:30px ;
  font-weight:300;
  line-height:50px !important;
  color:#004989;
 
}

@media(max-width:640px){
  
  .itemtexto-vision{
  width:100%;
}
  .itemtexto-content{
  padding:0;
}
  
    .item-brochure2024{
  padding:5% 5%;
    width:90%;
}
.greetingsbanner .itemtexto-content h2{
  font-size:20px !important;
  font-weight:300;
  line-height:25px !important;
  color:#004989;
 
}
  
  .greetingsbanner .itemtexto-content h2, .item-brochure2024 h2, .prestigious-clients h2{
  font-size:20px !important;
  font-weight:300;
  line-height:25px !important;
  color:#004989;
    margin:0;
 
}
}

.greetingsbanner .itemtexto-content p{
  text-align:left;
  color:#848484;
  
}


.greetingsbanner .itemtexto-content ul{
  padding:0 0 0 7%; ;
  list-style:disc;
}

.greetingsbanner .itemtexto-content ul li{
   text-align:left;
  color:#848484;
  padding-bottom:10px !important;
  padding-left:10px !important;
}

.greetingsbanner .itemtexto-content ul li span{
  font-weight:700;
  color:#ad9f07;
 
}


.greetingsbanner .itemtexto-content a{
   	display:block;
  width:50%;
  text-align:center;
  color:white;
  text-decoration:none;
  height:40px;
  line-height:40px;
   background:#234B8D;
  margin-top:15px;
}

@media(max-width:640px){
.greetingsbanner .itemtexto-content a{
 
  width:100%;

}
}


/*banner ambassador*/

.banner-eco-label{
    position:relative;
  width:100vw;
  height:80vh;
  overflow:hidden;
}

@media(max-width:1200px){
.banner-eco-label{
   
  height:60vh;

}
}

.banner-eco-label .image-bg{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  z-index:1;
}

.banner-eco-label .slide{
   position:absolute;
  left:0;
  top:0;
  width:100%;
  height:auto;
  z-index:2;
}


@media(max-width:640px){
.banner-eco-label .slide{
   background:rgba(255,255,255,0.6);
  width:100%;
  height:100%
 
}
}

@media(max-width:640px){
.banner-eco-label .slide img{
   display:none;
}
}

.banner-eco-label  .wrapper{
  position:absolute;
  width:90%;
  left:0;
  right:0;
  top:5%;
  margin:0 auto;
   z-index:3;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  height:100%;
}

.banner-eco-label  .wrapper .contenido{
  width:25vw;
}

@media(max-width:640px){
.banner-eco-label  .wrapper .contenido{
  width:60vw;
}
}

.banner-eco-label  .wrapper .contenido h1, .banner-eco-label  .wrapper .contenido h2{
			font-size: 6vh !important;
      line-height:7vh !important;
      font-weight:bold !important;
			text-shadow: 0px 0px 6px rgba(0, 0, 0, .1) !important;
  -webkit-text-shadow: 0px 0px 6px rgba(0, 0, 0, .1) !important;
}

@media(max-width:1200px){
.banner-eco-label  .wrapper .contenido h1, .banner-eco-label  .wrapper .contenido h2{
			font-size: 4vh !important;
      line-height:5vh !important;
   
}
}

@media(max-width:640px){
.banner-eco-label  .wrapper .contenido h1, .banner-eco-label  .wrapper .contenido h2{
			font-size: 3vh !important;
      line-height:4vh !important;
   
}
}

.banner-eco-label  .wrapper .contenido h1{
  color:#00498e;
}

.banner-eco-label  .wrapper .contenido h2{
  color:#6d6e71;
}

.banner-eco-label  .wrapper .contenido p{
  	font-size: 3vh !important;
      line-height:4vh !important;
      font-weight:bold !important;
      color:#00498e;
}

@media(max-width:640px){
.banner-eco-label  .wrapper .contenido p{
  	font-size: 2vh !important;
      line-height:3vh !important;
   
}
}

.banner-eco-label  .wrapper .contenido a{
  		height:50px;
  line-height:50px;
  color:white;
  text-decoration:none;
  text-align:center;
  background:#ad9b11;
  font-weight:bold;
    width:200px;
  display:block;
  margin:20px 0;
  	text-shadow: 0px 0px 6px  rgba(0, 0, 0, .3) !important;
    -webkit-text-shadow: 0px 0px 6px  rgba(0, 0, 0, .3) !important;
}

@media(max-width:640px){
.banner-eco-label  .wrapper .contenido a{
  		height:30px;
  line-height:30px;
 width:60%;
  font-size:11px;
}
}

.banner-eco-label  .wrapper .badge{
  width:150px;
}

@media(max-width:640px){
.banner-eco-label  .wrapper .badge{
  width:20vw;
}
}

/*banner video collage*/

.hero-home{
  position:relative;
  width:100vw;
  height:50vh;
}

@media(max-width:640px){
  .hero-home{
  
  height:70vh;
}
}


.hero-home-contenido{
		position: absolute;
  	text-align: left;
		width: 860px;
		margin:0 auto;
		left: 0;
		right: 0;
		top: 20%;
		z-index: 4;
	}

@media(max-width: 937px){

.hero-home-contenido{
			width: 640px
        
	}
		}

@media(max-width: 640px){

.hero-home-contenido{
			width: 80%;
			top: 10%
	}
		}

.hero-home-contenido h1{
			color: white;
			font-size: 9vh !important;
      line-height:10vh !important;
     text-align:center;
      font-weight:normal !important;
			text-shadow: 0px 0px 6px rgba(0, 0, 0, .3) !important;
  -webkit-text-shadow: 0px 0px 6px rgba(0, 0, 0, .3) !important;
		}

@media(min-width: 1700px){

.hero-home-contenido h1{
			color: white;
  
			text-shadow: 0px 0px 6px rgba(0, 0, 0, .3) !important;
  -webkit-text-shadow: 0px 0px 6px rgba(0, 0, 0, .3) !important;
		}
	

}



.hero-home-contenido p{
			color: white;
       text-align:center;
			font-size: 2vw !important;
      line-height:3.5vw;
      font-weight:normal !important;
			text-shadow: 0px 0px 6px  rgba(0, 0, 0, .3) !important;
    -webkit-text-shadow: 0px 0px 6px  rgba(0, 0, 0, .3) !important;
		}


@media(min-width: 1700px){

.hero-home-contenido p{
			color: white;
		   text-align:center;
      font-weight:normal !important;
			text-shadow: 0px 0px 6px  rgba(0, 0, 0, .3) !important;
    -webkit-text-shadow: 0px 0px 6px  rgba(0, 0, 0, .3) !important;
		}
	

}



.hero-home-contenido a{
			height:50px;
  line-height:50px;
  color:white;
  text-decoration:none;
  text-align:center;
  background:#ad9b11;
  font-weight:bold;
    width:200px;
  display:block;
  margin:20px 0;
  	text-shadow: 0px 0px 6px  rgba(0, 0, 0, .3) !important;
    -webkit-text-shadow: 0px 0px 6px  rgba(0, 0, 0, .3) !important;
		}


.hero-home-contenido a span{
		text-decoration:underline;
  font-weight:bold;
		}


@media(max-width: 937px){

.hero-home-contenido h1{
			font-size: 2.5rem !important;
      line-height:3rem !important;
		}
  
  .hero-home-contenido p{
			
			font-size: 20px !important;
    
     
		}
			}

@media(max-width: 640px){

.hero-home-contenido h1{
			font-size: 1.5rem !important;
      line-height:2rem !important;
		}
  
  .hero-home-contenido p{
			
			font-size: 15px !important;
     line-height:25px;
     
		}
			}

@media(max-width: 460px){

.hero-home-contenido h1{
			font-size: 1.8rem !important;
      line-height:2.5rem !important;
		}
  
  
  .hero-home-contenido a{
    width:100%;
    font-size:11px;
  }
  
  
			}

.hero-home-contenido h1 span{
				color:#ad9b11;
			}


.hero-home-blackout{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: -o-linear-gradient(135deg, #234b8d 0%, #19325b 50%);
		background: linear-gradient(-45deg, #234b8d 0%, #19325b 50%);
		opacity: .7;
		z-index: 2;
	}


.hero-home-dots{
		background: url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/dots.png) repeat ;
		position: absolute;
		z-index: 3;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

.hero-home-mivideo{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 1;
	}

.hero-home-mivideo video{
			width: 100%;
		}


.canvas {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background: #000;
	z-index: 5;
}


/*banner kettle*/




.kettle-home{
  position:relative;
  width:100vw;
  height:600px;
}

@media(max-width:640px){
  .kettle-home{
  
  height:1200px;
}
}


.kettle-home-contenido{
		position: absolute;
  	text-align: left;
		width: 1200px;
		margin:0 auto;
		left: 0;
		right: 0;
		top: 12%;
		z-index: 4;
  display:flex;
  flex-direction: row;
  flex-wrap:wrap;
  justify-content: space-between;
  align-items:center;
	}

.kettle-home-contenido .texto{ width:50%;}

.kettle-home-contenido .th{ width:50%;}
@media(max-width: 640px){
.kettle-home-contenido .texto{ width:100%;}
  .kettle-home-contenido .th{ width:100%;}
}
@media(max-width: 937px){

.kettle-home-contenido{
			width: 640px
        
	}
		}

@media(max-width: 640px){

.kettle-home-contenido{
			width: 80%;
			top: 10%
	}
		}

.kettle-home-contenido h1{
			color: white;
			font-size: 30px !important;
      line-height:35px !important;
      font-weight:300 !important;
			text-shadow: 0px 0px 6px rgba(0, 0, 0, .3) !important;
  -webkit-text-shadow: 0px 0px 6px rgba(0, 0, 0, .3) !important;
		}

@media(min-width: 1700px){

.kettle-home-contenido h1{
			color: white;
  
			
			text-shadow: 0px 0px 6px rgba(0, 0, 0, .3) !important;
  -webkit-text-shadow: 0px 0px 6px rgba(0, 0, 0, .3) !important;
		}
	

}



.kettle-home-contenido p{
			color: white;
			font-size: 16px !important;
      line-height:26px !important;
      font-weight:normal !important;
			text-shadow: 0px 0px 6px  rgba(0, 0, 0, .3) !important;
    -webkit-text-shadow: 0px 0px 6px  rgba(0, 0, 0, .3) !important;
		}


@media(min-width: 1700px){

.kettle-home-contenido p{
			color: white;
		
			text-shadow: 0px 0px 6px  rgba(0, 0, 0, .3) !important;
    -webkit-text-shadow: 0px 0px 6px  rgba(0, 0, 0, .3) !important;
		}
	

}



.kettle-home-contenido a{
			height:50px;
  line-height:50px;
  color:white;
  text-decoration:none;
  text-align:center;
  background:#ad9b11;
  font-weight:bold;
    width:200px;
  display:block;
  margin:20px 0;
  	text-shadow: 0px 0px 6px  rgba(0, 0, 0, .3) !important;
    -webkit-text-shadow: 0px 0px 6px  rgba(0, 0, 0, .3) !important;
		}


.kettle-home-contenido a span{
		text-decoration:underline;
  font-weight:bold;
		}


@media(max-width: 937px){

.kettle-home-contenido h1{
			font-size: 2.5rem !important;
      line-height:3rem !important;
		}
  
  .kettle-home-contenido p{
			
			font-size: 20px !important;
    
     
		}
			}

@media(max-width: 640px){

.kettle-home-contenido h1{
			font-size: 1.5rem !important;
      line-height:2rem !important;
		}
  
  .kettle-home-contenido p{
			
			font-size: 15px !important;
     line-height:25px;
     
		}
			}

@media(max-width: 460px){

.kettle-home-contenido h1{
			font-size: 1.8rem !important;
      line-height:2.5rem !important;
		}
  
  
  .kettle-home-contenido a{
    width:100%;
    font-size:11px;
  }
  
  
			}

.kettle-home-contenido h1 span{
				color:#ad9b11;
			}


.kettle-home-blackout{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: -o-linear-gradient(135deg, #234b8d 0%, #19325b 50%);
		background: linear-gradient(-45deg, #234b8d 0%, #19325b 50%);
		opacity: .7;
		z-index: 2;
	}


.kettle-home-dots{
		background: url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/dots.png) repeat ;
		position: absolute;
		z-index: 3;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

.kettle-home-mivideo{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 1;
	}

.kettle-home-mivideo video{
			width: 100%;
		}

/*Banner Deloitte*/

.deloitte-banner{
 position:relative;
}


.deloitte-banner img{
  
  width:100%;
  height:auto;
}

.axelpart{
  position:absolute;
  width:40%;
  left:5%;
  top:25%;
}

@media(max-width:1200px){
  .axelpart{
  width:40%;
  left:5%;
  top:25%;
  }
}


.axelpart h2{
  font-size:22px !important;
  color:#7C7C7C;
  font-weight:normal;
}

.axelpart h2 span{
  color:#AD9B11;
  font-weight:bold;
}


.axelpart h1{
  font-size:40px !important;
  line-height:50px !important;
  color:#0C2577;
  font-weight:bold;
}
 
.deloittepart{
  position:absolute;
  width:350px;
  right:10%;
  top:40%;
}


@media(max-width:1200px){
  .axelpart{
  width:40%;
  left:5%;
  top:32%;
  }
  
  .axelpart h2{
  font-size:15px !important;
}


.axelpart h1{
  font-size:25px !important;
  line-height:30px !important;
}
 
.deloittepart{
  position:absolute;
  width:250px;
  right:10%;
  top:40%;
}
}



@media(max-width:840px){
  .axelpart{
  width:40%;
  left:5%;
  top:28%;
  }
  
  .axelpart h2{
  font-size:15px !important;
}


.axelpart h1{
  font-size:20px !important;
  line-height:28px !important;
}
 
.deloittepart{
  position:absolute;
  width:200px;
  right:10%;
  top:40%;
}
}


@media(max-width:640px){
  .axelpart{
  width:65%;
  left:0;
    right:0;
  top:15%;
    margin:0 auto;
  }
  
  .axelpart h2{
  font-size:20px !important;
}


.axelpart h1{
  font-size:35px !important;
  line-height:40px !important;
}
 
.deloittepart{
  position:absolute;
  width:50%;
  right:0;
  left:0;
  margin:0 auto;
  top:72%;
}
}



@media(max-width:470px){
  .axelpart{
  width:65%;
  left:0;
    right:0;
  top:13%;
    margin:0 auto;
  }
  
  .axelpart h2{
  font-size:20px !important;
}


.axelpart h1{
  font-size:25px !important;
  line-height:35px !important;
}
 
.deloittepart{
  position:absolute;
  width:50%;
  right:0;
  left:0;
  margin:0 auto;
  top:72%;
}
}


@media(max-width:375px){
  .axelpart{
  width:65%;
  left:0;
    right:0;
  top:6%;
    margin:0 auto;
  }
  
  .axelpart h2{
  font-size:20px !important;
}


.axelpart h1{
  font-size:20px !important;
  line-height:30px !important;
}
 
.deloittepart{
  position:absolute;
  width:50%;
  right:0;
  left:0;
  margin:0 auto;
  top:72%;
}
}



.corpvideo{
  box-shadow:0px 0px 10px rgba(0,0,0,0.4);
}


.banner-corpvideo{
  background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/prizeimageedited-left-gradient.png) no-repeat fixed bottom center;
  background-size:cover;
  position:relative;
 
  
}


.banner-corpvideo .blackout{
  position:absolute;
  background:rgba(255,255,255,0.85);
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:1;

}

.banner-corpvideo-wrapper{
  position:relative;
  z-index:2;
   width:90%;
  margin:0 auto;
  padding: 15% 0;
  display:grid;
  display:-webkit-grid;
  grid-template-columns:1fr 500px;
  -webkit-grid-template-columns:1fr 500px;
  grid-column-gap:7%;
  -webkit-grid-column-gap:7%;
  align-items:center;
  -webkit-align-items:center;
}



@media(max-width:800px){
.banner-corpvideo-wrapper{

  grid-template-columns:1fr;
  -webkit-grid-template-columns:1fr;
grid-column-gap:0px;
  grid-row-gap:5%;
 
  
}
}

.textjohan h2{
  color:#8A8A8A;
  margin-bottom:15px;
  font-size:38px !important;
}

.textjohan p{
  color:#AD9B11;
  margin-bottom:15px;
  font-weight:bold;
}


.textjohan .btns{
   display:grid;
  display:-webkit-grid;
  grid-template-columns:1fr 1fr;
  -webkit-grid-template-columns:1fr 1fr;
   grid-template-rows:50px;
  -webkit-grid-template-rows:50px;
  grid-column-gap:2%;
  -webkit-grid-column-gap:2%;
  width:50%;
}

.textjohan .btns a{
  height:50px;
  line-height:50px;
  color:white;
  text-decoration:none;
  text-align:center;
  background:#234B8D;
  font-weight:bold;
}



.vision-banner{
  display:grid;
  display:-webkit-grid;
  grid-template-columns:1fr 1fr;
    grid-template-rows:43vh;
  -webkit-grid-template-rows:500px;
}

.yearspart{
  background:#F4F4F4;
   display:flex;
  display:-webkit-flex;
  flex-direction:column;
  -webkit-flex-direction:column;
  justify-content:center;
  -webkit-justify-content:center;
  padding:0 15%;
  
  
}


.yearspart h2{
 color:#0C2577;
  font-size:30px !important;
}


.yearspart p{
 color:#918F8E;
  font-size:20px;
}

.yearspart  a{
  height:50px;
  line-height:50px;
  color:white;
  text-decoration:none;
  text-align:center;
  background:#234B8D;
  font-weight:bold;
  width:150px;
}

.visionpart{
 background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/updates/deloitte/maplines-big.png) no-repeat top center;
  background-size:cover;
   padding:0 15%;
  color:white;
  text-align:center;
    display:flex;
  display:-webkit-flex;
  flex-direction:column;
  -webkit-flex-direction:column;
  justify-content:center;
  -webkit-justify-content:center;
  align-items:center;
  -webkit-align-items:center;
}

.visionpart h2{
  font-size:30px !important;
}


@media(max-width:750px){
  .banner-corpvideo{
 padding:20% 0;
  grid-template-columns:1fr;
  -webkit-grid-template-columns:1fr;
    grid-template-rows:1fr 1fr;
  -webkit-grid-template-rows:1fr 1fr;
  grid-column-gap:0;
  -webkit-grid-column-gap:0;
     grid-row-gap:2%;
  -webkit-grid-row-gap:2%;
  
  
}
  
  .textjohan h2{
  color:#8A8A8A;
  margin-bottom:15px;
  font-size:25px !important;
} 
  .textjohan .btns{
   display:grid;
  display:-webkit-grid;
  grid-template-columns:1fr;
  -webkit-grid-template-columns:1fr;
   grid-template-rows:50px 50px;
  -webkit-grid-template-rows:50px 50px;
  grid-row-gap:15%;
    -webkit-grid-row-gap:15%;
  width:100%;
}
  
  
.vision-banner{
  display:grid;
  display:-webkit-grid;
  grid-template-columns:1fr;
    grid-template-rows:500px 500px;
  -webkit-grid-template-rows:500px 500px;
}
}

@media(max-width:370px){
    .banner-corpvideo{
    grid-template-rows:300px 1fr;
  -webkit-grid-template-rows:300px 1fr; 
}

}

/*Banner 130 Years*/

.banner-mapa{
	min-height: 65vh;
  display:flex;
  display:-webkit-flex;
  align-items:center;
    -webkit-align-items:center;
}

.banner-mapa-wrapper{
  max-width:1200px;
  margin:0 auto;
   display:flex;
  display:-webkit-flex;
  align-items:center;
    -webkit-align-items:center;
  flex-direction:row;
  -webkit-flex-direction:row;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  justify-content:space-between;
  -webkit-justify-content:space-between;
  
}

@media(max-width:750px){
  .banner-mapa-wrapper{
    max-width:80%;
  margin:50px auto 50px auto;
  }
	 
}

@media(max-width:440px){
  .banner-mapa-wrapper{
   
  margin:50px auto 0 auto;
  }
	 
}

.banner-mapa-wrapper .titulo{
  width:45%;
}



@media(max-width:1150px){
	.banner-mapa-wrapper .titulo{
  width:50%;
}
}

@media(max-width:750px){
  .banner-mapa-wrapper .titulo{
  width:100%;
}
	 
}


.banner-mapa-wrapper .titulo h1{
  text-align:center;
  color:#0C2577;
  font-size:35px !important;
  line-height:45px !important;
  font-weight:700;
}

@media(max-width:1150px){
		.banner-mapa-wrapper .titulo h1{
 
  font-size:25px !important;
  line-height:35px !important;
 
}
}

@media(max-width:440px){
		.banner-mapa-wrapper .titulo h1{
 
  font-size:20px !important;
  line-height:30px !important;
 
}
}

.banner-mapa-wrapper .mapa{
  width:50%;
}

@media(max-width:750px){
  .banner-mapa-wrapper .mapa{
  width:100%;
    margin-top:50px;
}
	 
}

@media(max-width:440px){
		.banner-mapa-wrapper .mapa{
  width:100%;
    margin-top:20px;
}
}

.banner130{
   display:flex;
  display:-webkit-flex;
  flex-direction:row;
  -webkit-flex-direction:row;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
}

.banner130-dorado{
	width:30%;
  background:#AD9B11;
  padding:25px 0;
  display:flex;
  -webkit-display:flex;
  flex-direction:column;
  -webkit-flex-direction:column;
 justify-content:center;
  -webkit-justify-content:center;
}

@media(max-width:750px){
  .banner130-dorado{
	width:100%;
 
}
	 
}

.banner130-dorado .wrapper{
  width:80%;
  margin:0 auto;
}

.banner130-dorado h3{
	display:block;
  background:#234B8D;
  color:white;
  width:50%;
  text-align:center;
  padding:5px;
  
}

@media(max-width:750px){
  .banner130-dorado h3{
	
  width:150px;
 
  
}
	 
}

.banner130-dorado h1{
  font-size:35px !important;
  line-height:45px !important;
  font-weight:300;
  color:white;
  
}

@media(max-width:1150px){
		.banner130-dorado h1{
  font-size:30px !important;
  line-height:40px !important;
  
	}
}

@media(max-width:440px){
		.banner130-dorado h1{
  font-size:25px !important;
  line-height:35px !important;
  
	}
}

.banner130-dorado a{
	display:block;
  width:50%;
  text-align:center;
  color:white;
  text-decoration:none;
  height:40px;
  line-height:40px;
   background:#234B8D;
  margin-top:15px;
}

.banner130-azul{
	width:70%;
  background:#234B8D;
  padding:25px 0;
  display:flex;
  -webkit-display:flex;
  flex-direction:column;
  -webkit-flex-direction:column;
 justify-content:center;
  -webkit-justify-content:center;
  
}

@media(max-width:750px){
 .banner130-azul{
	width:100%;
  
}
	 
}

.banner130-azul .wrapper{
  width:80%;
  margin:0 auto;
}

.banner130-azul p{
	color:white;
  font-weight:700;
  font-size:18px !important;
  line-height:25px !important;
}


@media(max-width:1150px){
		.banner130-azul p{
	color:white;
  font-weight:700;
  font-size:14px !important;
  line-height:18px !important;
}
}

/*Aerial Plant Banner*/

.tag-up{position:absolute; left:14px; top:14px; width:50%; margin:0;}
.hero-principal-item p{color:white; font-size:11px !important; font-weight:300;}
.tag-dw{position:absolute; left:14px; bottom:14px; width:50%; margin:0;}
.hero-principal{
  position:relative;
  display:flex;
  display:-webkit-flex;
  flex-direction:row;
  -webkit-flex-direction:row;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  
}

.hero-principal img{
width:100vw !important;
}

.hero-principal .franjaazul{
  width:100%;
  height:250px;
  display:flex;
  align-items:center;
  background:#1E7CD0;
  background-image: url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/x.png);
  background-repeat:no-repeat;
  background-position:center right;
  background-size: 50%;
}

.hero-principal .franjaazul h1{
  font-size:38px;
  font-weight:bold;
  color:white;
  width:80vw;
    margin:0 auto !important;
  
  
  
}
.hero-principal-item{
  width:33.333333%;
  position:relative;
}

.hero-principal-item img{
  width:100% !important;
  height:auto !important;
}

.hero-principal-texto{
	position:absolute;
  z-index:2;
  width:50%;
  margin:0 auto;
  left:0;
  right:0;
  top:36%;
}

.hero-principal-texto h1{
	text-align:center;
  color:white;
  font-weight:700;
  font-size:70px !important;
}

.hero-principal-texto p{
	text-align:center;
  color:white;
  font-weight:300;
  font-size:28px !important;
  line-height:35px !important;
  margin-top:20px;
}

@media(max-width:1250px){
.hero-principal-texto h1{
  font-size:50px !important;
}

.hero-principal-texto p{

  font-size:25px !important;
  line-height:30px !important;
 
}

}

@media(max-width:1000px){
  
  .hero-principal-texto{

  top:23%;
}
  
.hero-principal-texto h1{
  font-size:40px !important;
}

.hero-principal-texto p{

  font-size:20px !important;
  line-height:25px !important;
 
}

}


@media(max-width:750px){
	.hero-principal-item{
  width:100%;
  position:relative;
    display:none;
}
  
  .hero-principal .franjaazul{
  height:200px;
  background-image: none;
}
  
  .hero-principal .franjaazul h1{
 
  width:80vw;
  padding-left:0;
    margin:0 auto !important;
    
  
  
}
  
  .hero-principal-texto{
	
  width:80%;
 
}
}

@media(max-width:440px){
  

  
.hero-principal-texto h1{
  font-size:25px !important;
}

.hero-principal-texto p{

  font-size:15px !important;
  line-height:20px !important;
  margin-top:0;
 
}
  
  .tag-up{display:none;}
.tag-dw{display:none;}

}
/*fin aerial plant banner*/

/*royal sec banner*/
.royal-sec-banner{
  background:#f4f4f4;
  position:relative;
  overflow:hidden;
  height:50vh;
   display:flex;
  display:-webkit-flex;
  flex-direction:row;
  -webkit-flex-direction:row;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  justify-content:space-around;
  -webkit-justify-content:space-around;
  align-items:center;
  -webkit-align-items:center;
}

.royal-sec-banner-wrapper{
	position:relative;
  display:flex;
  display:-webkit-flex;
  flex-direction:row;
  -webkit-flex-direction:row;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  justify-content:space-around;
  -webkit-justify-content:space-around;
  
}

.royal-sec-banner-wrapper-texto{
	width:40vw;
}

.royal-sec-banner-wrapper-texto h1{
	font-size:40px;
  color:#3574e3;
}


.royal-sec-banner-wrapper-texto p{
	
  color:#8a8a8a;
}


.royal-sec-banner-wrapper-texto a{
	
    display:block;
    color :white;
    text-decoration:none;
    background:#ad9f07;
    width:50%;
    float:right;
    text-align:center;
    padding:15px 20px;
}

.royal-sec-banner-wrapper-ilustracion{
  position:relative;
  width:40vw;
}

.royal-sec-banner-drums{
  position:absolute;
  left:0;
  right:0;
  width:90%;
  margin:0 auto;
  z-index:2;
  
}

.royal-sec-banner-bg{
	position:absolute;
  left:0;
  bottom:0;
  width:100%;
  z-index:1;
  
}






@media(max-width:750px){
  
  .royal-sec-banner{
   align-items:flex-start;
  -webkit-align-items:flex-start;
  height:500px;
}
  
  .royal-sec-banner-wrapper-texto{
  width:90vw;
  margin:0 auto;
    order:1;
  }


  .royal-sec-banner-wrapper-ilustracion{
  width:90vw;
  margin:80px auto 0 auto;
    order:2;
  }
  
  
  .royal-sec-banner-bg{
display:none;
  
}
  



}
/*fin royal sec banner*/





/*all Banners Urls Styles00*/
/*NEW Heros 2018 */

.desk{
display:block;
}

@media(max-width:640px){
	.desk{
display:none;
}

}
.mob{
display:none;
}


@media(max-width:640px){
.mob{
display:block;
}

}





.hero{
	width:100vw;
  overflow:hidden;
  position:relative
}

.hero img{
  width:100%;
  height:auto;
}

.hero-text{
position:absolute;
width:70%;
  margin:0 auto;
  left:0;
  right:0;
  top:50%;
   z-index:2;
  
  
}

.hero-text h1{
	color:white;
  text-align:center;
}

.hero .gradient-hero{

  height:50%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:1;
  width:100%;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 32%, rgba(0,0,0,0.38) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 32%,rgba(0,0,0,0.38) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 32%,rgba(0,0,0,0.38) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#61000000',GradientType=0 );
}

/*END NEW HEROES 2018*/

/*royal banner*/

.royal-banner{padding-top:98px;}

.royal-banner-cont{}

.royal-announcment{
    width:30%;
    background:#0c2577;
    color:white;
    padding:35px 50px;
}

.royal-announcment h1{
    font-size:27px !important;
    font-weight:600;
    margin:0 !important;
    padding:0 !important;
    line-height:30px !important;
}

.royal-announcment p{
    font-size:15px;
    font-weight:400;
}

.royal-announcment img{
     display:none !important;
}

.royal-announcment a{
    display:block;
    color :white;
    text-decoration:none;
    background:#ad9f07;
    width:50%;
    float:right;
    text-align:center;
    padding:15px 20px;
}

.royal-graphics{
    width:56%;
    position:relative;
    overflow:hidden;
}

.royal-graphics-barrel{
    position:absolute;
    width:536px;
    height:302px;
    top:50px;
    right:0;
}

.royal-graphics-text{
    position:absolute;
    width:20%;
    top:30px;
    left:50px;
}

@media (max-width:1100px){
    .royal-graphics-text{
    display:none;
}
}

.royal-graphics-text h1{
    font-size:20px !important;
    line-height:25px !important;
    font-weight:600;
    margin:0 !important;
    padding:0 !important;
    color:#a6a6a6;
}

@media (max-width:800px){
    .royal-graphics{
        display:none;
    }
    
    .royal-announcment{
        width:100%;
    }
    
    .royal-announcment img{
        display:block !important;
    }
}

/*fin royal banner*/


.tagged-photo{
    position:absolute;
    width:100%;
    right:15px;
    bottom:25px;
}

.tagged-photo p{
    color:white;
}




.blog-banner-image{
     background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/blog-noblur-axel-bg.jpg) no-repeat  50% 50%;
   
   
    height:350px !important;
}

.news-banner-image{
      background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/mapa4news-new.png) no-repeat  50% 20%;
  
   
    height:350px !important;
}



.about-banner-image{
     background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/about/axel_generic-beutifull.png) no-repeat   ;
     background-position:0 0;

    background-size:cover;
       height:400px !important;
}

.price-value-banner{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/about/axel_generic-beutifull.png) no-repeat bottom ;

    background-size:cover;
       height:350px !important;
}


.technology-banner-image{
       background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/techinnov_main.png) no-repeat  bottom;
    background-size:cover;
       height:350px !important;
}
.guide-image{
     background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/grease-guide-downloads.jpg) no-repeat  50% 50%;
    background-size:cover;
       height:350px !important;
}





.biodegradable-banner-image{
  
       background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/techinnov_biodegradable.png) no-repeat  center center;
    
     height:350px !important;
}

.foodgrade-banner-image{
         background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/foodgrade-bg.png) no-repeat  50% 50%;
  
     height:350px !important;
    
}

.customised-banner-image{
         background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/customisedsolutions_main.png) no-repeat  center center;
    background-size:cover;
     height:350px !important;
    
}



.generic-banner-image{
         background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/axel_generic.png) no-repeat 50% 63%;
    background-size:cover;
     height:350px !important;
    
    
}

.core-values-image{
     background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/axel_core-values.jpg) no-repeat 50% 50%;
    background-size:cover;
     height:350px !important;
    
}


.industries-banner-image{
         background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/industries_main.png) no-repeat  50% 20%;
    background-size:cover;
     height:350px !important;
    
}

.industries-banner-mining-image{
       background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/industries_mining.png) no-repeat 50% 40%;
   
     height:350px !important;
}


.industries-banner-foodbeverage-image{
    
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/industries_foodbeverage.png) no-repeat  50% 50%;
   
     height:350px !important;
    
}



.industries-banner-construction-image{
    
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/construction-caterpillars-banner.jpg) no-repeat  50% 50%;
    
     height:350px !important;
    
}

.industries-banner-cement-image{
    
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/cementopt2-banner.jpg) no-repeat  50% 25%;
    
     height:350px !important;
    
}

.industries-banner-pulppaper-image{
    
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/industries_pulppaper-1.png) no-repeat  50% 50%;
   background-size:cover;
     height:350px !important;
    
}

.industries-banner-rail-image{
  background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/train2.png) no-repeat  50% 50%;
   
     height:350px !important;
}

.industries-banner-agriculture-image{
    
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/industries_agriforestry.png) no-repeat  50% 50%;
   
     height:350px !important;
    
}


.industries-banner-marine-image{
    
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/industries_marine.png) no-repeat  50% 50%;
   
     height:350px !important;
    
}


.industries-banner-power-image{
    
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/industries_powergeneration.png) no-repeat  50% 0%;
 
     height:350px !important;
    
}



.industries-banner-auto-image{
    
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/industries_autotransport.png) no-repeat  50% 50%;
   
     height:350px !important;
    
}

.industries-banner-wind-image{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/industries_power.png) no-repeat  50% 32%;
    
     height:350px !important;
}


.industries-banner-manufacturing-image{
    
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/industries_industrial.png) no-repeat  50% 0%;
    
     height:350px !important;
    
}


.business-wind-image{
        background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/business-cases/wind-bc-large-.png) no-repeat  center center;
     height:300px !important;
}



.business-mining-image{
        background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/businesscases_miningmachines.png) no-repeat fixed bottom;
    background-size:cover;
     height:300px !important;
}


.business-fishing-image{
        background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/businesscases_fishingboats.png) no-repeat fixed bottom;
    background-size:cover;
     height:300px !important;
}



.business-food-image{
     background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/businesscases_foodmanufacturing.png) no-repeat fixed bottom;
    background-size:cover;
     height:300px !important;
}

.business-cotton-image{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/businesscases_cottonharvester.png) no-repeat fixed bottom;
    background-size:cover;
     height:300px !important;
}


.business-continue-image{
     background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/businesscases_continuouscasting.png) no-repeat fixed bottom;
    background-size:cover;
     height:300px !important;
}

.lubrisense-image{
     background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/knowledge_lubrisense.png) no-repeat fixed bottom;
    background-size:cover;
     height:350px !important;
}

.wet-dirty-banner-image{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/wet-dirty-bg.png) no-repeat 50% 50%;
   
     height:350px !important; 
}

.high-temperature-banner-image{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/callsullence-bg.png) no-repeat 50% 50%;
    
     height:350px !important; 
}

.low-temperature-banner-image{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/img-home/lowtemp-par.jpg) no-repeat 50% 50%;
    
     height:350px !important; 
}

.high-speed-banner-image{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/high-speed-bg.png) no-repeat 50% 50%;
    
     height:350px !important; 
}


.multifunctional-banner-image{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/multi-bg.png) no-repeat 50% 50%;
    height:350px !important; 
}


.slow-heavy-banner-image{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/slow-bg.png) no-repeat 50% 50%;
   
     height:350px !important; 
}




.condition-banner-image{
    
     background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/bg-by-conditions.png) no-repeat  50% 0%;
     
   
     height:350px !important; 
}

.ease-supply-image{
    
     background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/easesupply-from-axel.png) no-repeat  bottom center;
    
     height:350px !important; 
}

.product-development-image{
      background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/product-development-bg-axel.jpg) no-repeat 50% -50%;

     height:350px !important; 
}

.technical-services-image{
     background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technical-management-from-axel-duotone.png) #d4cec3 no-repeat bottom center ;
     height:350px !important; 
}

.gps-image{
  background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/gps-banner.png) ;
  height:200px !important; 
}

.grs-image{
  background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/grs2.png) ;
  height:350px !important;  
  background-position:right top;
}

.marketing-sales-image{
        background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/marketing-sales-banner-dark.jpg) no-repeat  50% 0%;
       height:350px !important; 
}

.logistics-image{
      background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inventory-bg-axel.jpg) no-repeat  50% 0% ;
  
     height:350px !important; 
}

.biodegradable-image{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/biodegradable-bg-axel.jpg) no-repeat  50% 0% ;
  
     height:350px !important; 
   
}

.alassca-banner{
     background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/alassca-bg-mining.png) no-repeat fixed 50% 0% ;
  
     height:350px !important; 
}



.hycal-banner{
     background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/hycal-bg-axel.jpg) no-repeat fixed 50% 0% ;
  
     height:350px !important; 
}



.callsullence-banner{
     background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/callsullence-bg-axel.jpg) no-repeat fixed 50% 0% ;
  
     height:350px !important; 
}


.urea-banner{
     background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/urea-bg-axel.png) no-repeat fixed 50% 0% ;
  
     height:350px !important; 
}


.noion-parallax-clone{
       background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/noion-banner-bg-axel.jpg) no-repeat fixed 50% 0% ;
  
     height:350px !important; 
}

.noion-what-is{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/noion-what-means.png) no-repeat fixed ;
   
    background-position:0 0;
     height:350px !important; 
}

.industrie-sugar-mills{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/industries_sugarmills.png) no-repeat 50% 50% ;
   
    background-position:0 0;
     height:350px !important; 
}


.carrers-banner{
 background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/career-picture-complete.png) no-repeat #0675b4 50% 50%;
   background-size:cover;
     height:500px !important; 
     position:relative;
}

.amazing-grease-bg{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/amazing-grease/amazing-grease-bg-resize.png) #1a3799 no-repeat 50% 50% ;
  
     height:350px !important; 
}

@media (max-width:600px){
    .amazing-grease-bg{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/amazing-grease/amazing-grease-bg-resize-opt.png) #1a3799 no-repeat 50% 50% ;
  
}
}

.tag-photo{
    position:absolute;
    bottom:25px;
    right:50px;
    width:100%;
    z-index:9999;
}

.tag-photo p{
    color:white;
    text-align:right;
}




/*super banners*/

@media (min-width:1600px){
    .banner-title-wrapper-about{
        margin:13% 75px 3% 75px !important;
    }
    
    .about-banner-image{
    background-position:0 100%;
}


    .condition-banner-image{
    
     background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/super-banners/bg-by-conditions-super.jpg) no-repeat  50% 50%;
     background-size:cover;
   
}

.industries-banner-mining-image{
       background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/super-banners/industries_mining-super.jpg) no-repeat  50% 40%;
       background-size:cover;
   
}


.industries-banner-foodbeverage-image{
    
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/super-banners/industries_foodbeverage-super.jpg) no-repeat fixed 50% 50%;
   background-size:cover;
    
}



.industries-banner-construction-image{
    
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/super-banners/construction-caterpillars-banner-super.jpg) no-repeat  50% 50%;
    background-size:cover;
    
}

.industries-banner-pulppaper-image{
    
   background-size:cover;
    
}


.industries-banner-agriculture-image{
    
   background-size:cover;
    
}


.industries-banner-marine-image{
    
   background-size:cover;
    
}


.industries-banner-power-image{
    
    background-size:cover;
    
}



.industries-banner-auto-image{
    
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/super-banners/industries_autotransport-super.jpg) no-repeat fixed 50% 50%;
   background-size:cover;
    
}

.industries-banner-wind-image{
    background-size:cover;
}


.industries-banner-manufacturing-image{
    
    background-size:cover;
    
}

.industrie-sugar-mills, .noion-what-is,.biodegradable-image,.foodgrade-banner-image,.ease-supply-image, .technical-services-image, .product-development-image, .marketing-sales-image, .logistics-image, .noion-parallax-clone, .alassca-banner, .hycal-banner, .callsullence-banner, .urea-banner, .news-banner-image{
    background-size:cover;
}

.noion-results, .wind-bg, .blog-banner-image{
     background-size:cover !important;
}

  .alassca-banner{
        height:500px !important;
    }


    
}


/*home Styles*/


.home-principal-parallax-banner{
    min-height:400px;
    overflow:hidden;
    position:relative;
 
   
    
}

.sticky-handler{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:50;
    
}


.sticky-handler-wrapper{
    
    padding:5px 5px;
    border-bottom:1px solid rgba(255,255,255,0.3);
    background-color:rgba(255,255,255,1);
    transition: all .5s ease;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -ms-transition: all .5s ease;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
box-shadow: 0 0 5px rgba(0,0,0,.2);
    
}

.shrink{
     padding:2px 5px;
    
      background-color:rgba(255,255,255,1);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
box-shadow: 0 0 5px rgba(0,0,0,.2);
     
    
}

.logo-axel-white{
    
    padding:5px 0 0 0;
}

.navigation{
          width:100%;
      }
          
         .menu-tablet-movil{
             display:none;
         } 
      



/*navigation*/


/*searchbox*/


.topsearchbox{
    
}


.search-cont{
    margin-bottom: 10px;
}



.search-cont fieldset{
    border:none;
    margin:0;
    padding:0;
}


.search-cont input{
    width:70%!important;
    float:left;
} 

.search-cont button{
    width:30%;
    float:left;
    display:block;
    padding:5px;
    font-size:11px;
    
}


/*nav mobile*/

.header-button-nav{
    display: none;
}


.navegacion-mobile button{
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    margin-right: 15px;

}


@media (max-width: 1024px){
    
    .header-button-nav i{
        color:#ad9f07;
    }
    
    
    .sticky-handler-wrapper{
        
        
    }

    .navegacion-mobile{
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     width: 100%;

}

.industries-child, .customised-child, .business-child, .production-child, .knowledge-child, .about-child, .technology-child{
    display:none !important;
}

















    .header-button-nav{
    display: block;
}

.header-menu-list{
    list-style none;
    height: 0;
    overflow: hidden;
    
    margin-top: 14px;
     transition: all .5s  cubic-bezier(0.77, 0, 0.175, 1);
 -webkit-transition: all .5s  cubic-bezier(0.77, 0, 0.175, 1);
 -o-transition: all .5s  cubic-bezier(0.77, 0, 0.175, 1);
 -ms-transition: all .5s  cubic-bezier(0.77, 0, 0.175, 1);

    }

.header-menu-list-color{

    background-color: rgba(39,39,50,1);

}   

.header-menu-list--show{
    height: 450px;
}


.header-menu-list li{
    width: 100%;
    text-align: center;
}


.header-menu-list li a{
    padding:  0 5px;
    display: block;

}
#navegacion{
 width: 100% !important;
 margin-top: 0 !important;
}   




#navegacion li{

    margin: 0 !important;
    
    border-bottom: 1px solid rgba(255,255,255,0.2);
}


}

/**/


.menu-cont{
    margin-top:30px;
}

.menu-cont li{
    
    margin:0 6px;
     position:relative;
}

.menu-cont li a{
    color: #8a8a8a;
font-size: 12px;
font-weight: 400;
text-decoration:none;
text-transform:uppercase;
}


.menu-cont li a:hover{
    color: #ad9f07;
}

.menu-children{
    position:absolute;
    top:25px;
    left:50px;
    background:white;
    padding:0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
text-align:center;
width:234px;
z-index:55;

  
}

.menu-children:before{
    content:'';
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/menu-patch.png) no-repeat;
    top:-9px;
    left:0;
    width:234px;
    height:20px;
    position:absolute;
}

.menu-children li{

    padding: 10px 0;
   margin:0;
     border-bottom:1px solid #f4f4f4;
      background:rgba(244,244,244,0);
       transition: all .5s ease;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -ms-transition: all .5s ease;
}


.menu-children li:hover{


      background:rgba(244,244,244,1);

}


.menu-children li a{
      color:#838383 !important;
     
}





.technology-child{
     display:none;
     left:-45px;
     
}

#technology:hover > .technology-child{
    display:block;
}



.customised-child{
     display:none;
     left:-80px;
     
}

#customised:hover > .customised-child{
    display:block;
}

.premium-child{
     display:none;
     left:-65px;
}


#premium:hover > .premium-child{
     display:block;
}



.stakeholders-child{
     display:none;
     left:-80px;
}


#stakeholders:hover > .stakeholders-child{
     display:block;
}


.innovation-child{
     display:none;
     left:-80px;
}


#innovation:hover > .innovation-child{
     display:block;
}



.industries-child{
     display:none;
     left:-88px;
     
}

#industries:hover > .industries-child{
    display:block;
}


.business-child{
     display:none;
     left:-70px;
     
}

#business:hover > .business-child{
    display:block;
}

.production-child{
     display:none;
     left:-80px;
     
}

#production:hover > .production-child{
    display:block;
}





.knowledge-child{
     display:none;
     left:-80px;
     
}

#knowledge:hover > .knowledge-child{
    display:block;
}

.about-child{
     display:none;
     left:-85px;
     
}

#about:hover > .about-child{
    display:block;
}






.home-banner-title-wrapper{
       
        max-width:80%;
        margin:12% auto 5% auto !important;
        float:none !important;
       
    }
    
    
    .banner-title-wrapper-about{
        max-width:100%;
        margin:23% 75px 3% 75px;
        float:none !important;
        text-align:right;
    }
    
.home-banner-title-wrapper h1{
 text-shadow: -0.9px 0.5px 5px rgba(0, 0, 0, 0.75);
color: white;
font-size: 70px;
font-weight: 400;
line-height: 75px;
text-align:center;
      }
      
      

      






.banner-title-wrapper{
       
        max-width:40%;
        margin:8% 0  5% 75px !important;
        float:none !important;
       
    }
    
.banner-title-wrapper h1{
 
color: white;
font-size: 45px !important;
text-align:left;

line-height:55px !important;
      }
      
      .banner-title-wrapper h2{
 
color: white;
font-size: 16px !important;
font-weight:400;
line-height:26px;
text-align:left;
margin:10px 0 0 0;


      }
      
      
      .products-banner-wrapper{
            max-width:40%;
        margin:12% auto  5% auto !important;
        float:none !important;
        text-align:center;
        color:white;
      }
      
      .products-banner-wrapper h1{
          font-size: 45px !important;
line-height:55px !important;
color:white;
      }
      
       .products-banner-wrapper h2{
         
font-size: 16px !important;
font-weight:400;
line-height:26px;
margin:10px 0 0 0;
color:white;
      }
     
      
      /*customised Label*/
      
      
      .customisedlabel{
          background-color: white;
      }
      
      
        .customisedlabel-wrapper{
              max-width:900px;
          margin:5% auto !important;
          float:none !important;
      
          text-align:center;
            
        }
        
        
        .customisedlabel-wrapper h1{
          
        
       
            width:85%;
            margin:25px auto 0 auto !important;
            float:none !important;
            color:#006bc5;
        }
        
         .customisedlabel-wrapper h2{
          
        
       color:#ad9f07;
        }
        
        
          .customisedlabel-wrapper h3{
          
        font-size:15px !important;
        line-height:20px !important;
       color:#ad9f07;
        }
      
      
       .customisedlabel-wrapper p{
           margin-top:20px;
            color:#666;
       }
       
       
         .customisedlabel-wrapper  a{
               color:rgba(255,255,255,1);
            font-size: 15px;
          
            padding:5px 20px;
           background:#006bc5;
         
           
            display:block;
            text-decoration:none;
            text-align:center;
            font-weight:700;
            width:25%;
            margin:25px auto 25px auto !important;
            float:none !important;
              transition: all .2s ease;
 -webkit-transition: all .2s ease;
 -o-transition: all .2s ease;
 -ms-transition: all .2s ease;
                
         }
         
         
          .customisedlabel-wrapper  a:hover{
              background:#006bc5;
          }
          
          
          .zap{
              color:red;
          }
          
          .box-drum{
              margin:50px 0;
              position:relative;
          }
          
          .box-back{
              position:absolute;
              width:238px;
              height:43px;
              top:30px;
              left:35%;
              z-index:1;
             
          }
          
          .drum-b{
               position:absolute;
               width:76px;
              height:103px;
              top:35px;
              left:45%;
              z-index:2;
          }
          
          .box-front{
               position:absolute;
               width:190px;
              height:100px;
              top:70px;
              left:38%;
              z-index:3;
          }
          
          /*challenges*/
          
          
          .challenges{
              background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/challenges-bg-blue-duotone.png) no-repeat fixed;
              background-size:cover;
           
          }
      
      
       .challenges-wrapper{
               max-width:1200px;
          margin:5% auto !important;
          float:none !important;
          color:white;
          text-align:center;
           
       }
    
    
    .challenges-wrapper h1{
    
    }
    
    .challenges-module{
        margin:25px 10px;
        width:12%;
        padding:70px 35px 0 35px;
        height:200px;
        background:rgba(0,0,0,0.2);
               transition: all .2s ease;
 -webkit-transition: all .2s ease;
 -o-transition: all .2s ease;
 -ms-transition: all .2s ease;
    }
    
    
    .challenges-module p{
        margin-top:25px;
        font-weight:700 !important;
    }
    
    
    .challenges-module a{
   
        color:white;
       
    }
  
    
   
    
    
    .challenges-module:hover  { 
        padding:80px 35px 0 35px;
         height:210px;
           background:rgba(0,0,0,0.4);
        
}

/*------------------lithium cta------------*/


.lithium-cta{
    background:#f4f4f4;
}

.lithium-cta-wrapper{
    max-width:1100px;
    margin:0 auto !important;
    float:none !important;
    padding:5% 0;
    
}

.lithium-cta-wrapper h1{
    color:#006bc5;
    margin-bottom:15px;
    margin-top:15px;
    text-align:center;
    
}


.lithium-cta-wrapper p{
    color:#666;
}

.lithium-cta-wrapper a{
    width:25%;
}
.lithium-cta-content{
    width:50%;
    
}

.lithium-cta-image{
    width:40%;
}
    
    /*stakeholders*/
    
    .stakeholders-intro{
     /*  background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/stake-intro.png) no-repeat fixed; */
       background-size:cover;
     
    }
    
    .stakeholders-intro-wrapper{
        max-width:800px;
        margin:0 auto !important;
        
        text-align:center;
    }
    
     .stakeholders-intro-wrapper h1{
        color: #ad9f07;
    
            padding:0 0 0 0;
     
     }
    
    .stakeholders-bg{
        width: 400px;
        height: 400px;
        position:absolute;
        top:0;
        left:0;
        z-index:1;

    }
    
    .stake-01{
        background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/stakeholdergray--01.png) no-repeat;
        background-size:cover;
        
    }
    
      .stake-02{
        background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/stakeholder-gray-02.png) no-repeat;
         background-size:cover;
    }
    
      .stake-03{
        background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/stakeholder-gray-scientist.png) no-repeat;
         background-size:cover;
    }
    
      .stake-04{
        background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/stakeholder-gray-04.png) no-repeat;
         background-size:cover;
    }
    
    .stakeholders-front-layer{
       position:absolute;
       top:0;
       bottom:0;
       left:0;
       right:0;
       background-color:rgba(173,159,7,0.5);
       z-index:2;
            transition: all .2s ease;
 -webkit-transition: all .2s ease;
 -o-transition: all .2s ease;
 -ms-transition: all .2s ease;
    }
    
    
    .stakeholders-group{
        width:25%;
        overflow:hidden;
        position:relative;
        height:400px;
    }
    
    .stakeholders-content{
        position:absolute;
        width:87%;
        padding:25px;
        color:white;
        z-index:3;
          
            text-align:center;
            top:30%;
                 transition: all .2s ease;
 -webkit-transition: all .2s ease;
 -o-transition: all .2s ease;
 -ms-transition: all .2s ease;
             
        
    }
    
    .stakeholders-desc {
         position:absolute;
        width:87%;
        padding:25px;
        color:white;
        z-index:3;
          
            text-align:center;
            bottom:-45%;
                 transition: all .2s ease;
 -webkit-transition: all .2s ease;
 -o-transition: all .2s ease;
 -ms-transition: all .2s ease;
        
    }
    
     .stakeholders-content h3{
      
font-size: 30px;
font-weight: 300;
         
     }
     
     
      .stakeholders-desc  a{
              color:rgba(255,255,255,1);
            font-size: 17px;
            font-weight: 700;
            padding:5px;
            display:block;
            text-decoration:none;
            background:rgba(173,157,7,1);
            
            text-align:center;
            
            width:40%;
            margin:25px auto 0 auto !important;
            float:none !important;
              transition: all .2s ease;
 -webkit-transition: all .2s ease;
 -o-transition: all .2s ease;
 -ms-transition: all .2s ease;
              
         
     }
     
        .stakeholders-desc  a:hover{
                  color:rgba(255,255,255,1);
            
               background:rgb(130, 118, 13);
       }
    


.stakeholders-group:hover > .stakeholders-content{

top:30%;


}


.stakeholders-group:hover > .stakeholders-front-layer{

  background-color:rgba(0,107,197,0.8);


}


.stakeholders-group:hover > .stakeholders-desc{

 bottom:10%;


}

/*business-cases*/


.business-case{
   position:relative;
   overflow:hidden;
 
    
}


.business-case-wrapper{
          max-width:1200px;
          margin:5% auto !important;
          float:none !important;
          text-align:center;
}


.business-intro h1{
   width:45%;
            margin:25px auto 10px auto !important;
            float:none !important;
            color:#006bc5;
}


.business-intro p{
     color:#666;
width:60%;
margin:0 auto !important;
float:none !important;
}

.business-module-cont{
    margin:50px 0;
}


.business-module{
    width:29%;
    margin:25px 25px 80px 25px;
}

.business-module h3{
    font-weight: 400;
color: #ad9f07;
font-size: 20px;
line-height: 20px;
text-align:center;
margin:15px 0 10px 0;
}


.business-module p{
    color:#666;
font-size: 15px;
line-height: 29px;
 font-weight: 400;
}


.business-module a{
      color: rgba(173,157,7,1);
            font-size: 15px;
            font-weight: 400;
            padding:10px 15px;
           
            display:block;
            text-decoration:none;
            text-align:center;
            text-transform:uppercase;
                        transition: all .2s ease;
 -webkit-transition: all .2s ease;
 -o-transition: all .2s ease;
 -ms-transition: all .2s ease;
 background:rgba(173,157,7,0);
 margin:15px auto 0 auto;
 width:38%;
    
}


.business-module a:hover{
      background:rgba(173,157,7,1);
               color: rgba(255,255,255,1);
            
}

.polygon-bg{
    position:absolute;
    width:100%;
    height:520px;
    left:-25px;
    top:-400px;
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/blue-wide-polygon-bg.png) no-repeat;
}


.button-business a{
      color:rgba(255,255,255,1);
            font-size: 15px;
          
            padding:5px 20px;
           background:#006bc5;
         
            display:block;
            text-decoration:none;
            text-align:center;
            font-weight:700;
            width:25%;
            margin:25px auto 25px auto !important;
            float:none !important;
              transition: all .2s ease;
 -webkit-transition: all .2s ease;
 -o-transition: all .2s ease;
 -ms-transition: all .2s ease;
}




/* ==========================================================================
   Footer
   ========================================================================== */


.footer-container-wrapper {}
.footer-container {}

.footer-container .page-center{
   
    padding-top: 40px;
    padding-bottom: 40px;
}
.custom-footer-container {
    background: #ad9f07;
    padding: 0 0 30px;
    margin: 0;
}

.custom-footer-container .hs_cos_wrapper.hs_cos_wrapper_widget {
    margin-bottom: 44px;
    display: block;
}
.custom-footer-links ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.custom-footer-links ul li:first-child{
    margin-bottom: 10px;
}
.custom-footer-links ul li a{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.custom-footer-links ul li a:hover{
    text-decoration: none;
}
.custom-footer-links ul ul{
    margin-bottom: 20px;
}
.custom-footer-links ul ul li:first-child{
    margin-bottom: 0;
}
.custom-footer-links ul ul li a{
    font-size: 12px;
    font-weight: 400;
}
.custom-footer-form .hs-form-field label {
    color: white;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    margin-bottom: 0;
}
.custom-footer-form h3{
    margin: 2px 0;
}
.custom-footer-form input.hs-input{
    max-width: 220px;
}
.custom-footer-form input.hs-input:focus {
    border-color: rgba(0, 0, 0, 0);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.2);
}
.custom-footer-form input.hs-button.primary.large{
    display: inline-block;
    padding: 4px 14px;
    font-size: 13px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbbbbb;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
    margin: 9px 0;
}
.custom-footer-form input.hs-button.primary.large:hover{
    color: #333333;
    text-decoration: none;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

#back-to-top {
    border-radius: 3px 3px 3px 3px;
    bottom: 50px;
    display: none;
    position: fixed;
    right: 20px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.25));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.25));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.25));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.25));
    background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.25));
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid #006bc5;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    padding: 10px 15px;
    background-color: #006bc5;
}
#back-to-top:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    content: '\f077';
    font-size: 16px;
    color: #fff;
}
#back-to-top:hover {
    background-image: none;
	text-decoration:none
}






/*Internal Pages Structure*/


.page-center{
    max-width:1100px;
    margin:50px auto !important;
    float:none !important;
    
}

/*item list internal*/

.list-industries li a{
    display:block;
    text-decoration:none;
    margin:7px 0;
    padding: 10px 15px 10px 60px;
    text-align:center;

    width:80%;
   
      transition: all .5s ease;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -ms-transition: all .5s ease;
 
    
    
}

.mining-ic{
     background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/videos/mining-ic.png) #f4f4f4 no-repeat left;
}

.food-ic{
      background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/videos/food-ic.png) #f4f4f4 no-repeat left;
   
}

.construction-ic{
      background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/videos/construction-ic.png) #f4f4f4 no-repeat left;
   
}


.auto-ic{
      background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/videos/card-ic.png) #f4f4f4 no-repeat left;
   
}



.industrial-ic{
      background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/videos/steel-ic.png) #f4f4f4 no-repeat left;
   
}


.marine-ic{
      background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/videos/marine-ic.png) #f4f4f4 no-repeat left;
   
}


.agro-ic{
      background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/videos/agriculture-ic.png) #f4f4f4 no-repeat left;
   
}



.pulp-ic{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/videos/paper-ic.png) #f4f4f4 no-repeat left;
}


.power-ic{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/videos/wind-ic.png) #f4f4f4 no-repeat left;
}

.sugar-ic{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/videos/sugar-ic.png) #f4f4f4 no-repeat left;
}



/*lists*/

.list-bullet{
    list-style:disc;
    margin:0 0 25px 25px;
    color:#990;
    
}

/*stakeholders*/



.cta-conts{
    margin-bottom:15px;
}

.s-m-content{
    width:54.8%;
    height:256px;
    padding:20px 50px;
    background-color: #f4f4f4;
    color: #787878;
}


.s-m-content h1{
    color: #787878;
font-size: 30px !important;
font-weight: 400;
}


.gray-bg{
    background-color: #a3a3a3;
}

.blue-bg{
    background-color: #006bc5;

}

.shadow-blue-bg{
    background-color: #003d71;
}


.gold-bg{
    background-color: #ad9f07;
}


.wide-cta-row{
     width:32.97%;
    padding:30px 30px 0 30px;
    height: 106px;
}

.wide-cta-row p{
     color: white;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 35px !important;
text-align:center;
margin-bottom:10px !important;
}

.wide-cta-row a{
        color:rgba(255,255,255,1);
            font-size: 17px;
            font-weight: 400;
            padding:10px 5px;
            border: 1px solid rgba(255,255,255,1);
            display:block;
            text-decoration:none;
            text-align:center;
            width:100%;
              transition: all .2s ease;
 -webkit-transition: all .2s ease;
 -o-transition: all .2s ease;
 -ms-transition: all .2s ease;
                background:rgba(255,255,255,0);
}

.wide-cta-row a:hover{
    background:rgba(255,255,255,0.3);
}


.short-cta{
    width:24.63%;
    padding:30px 30px 0 30px;
    height: 106px;
    
}

.short-cta p{
    color: white;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 35px !important;
text-align:center;
margin-bottom:10px !important;
}

.short-cta a{
       color:rgba(255,255,255,1);
            font-size: 15px;
            font-weight: 400;
            padding:10px 5px;
            border: 1px solid rgba(255,255,255,1);
            display:block;
            text-decoration:none;
            text-align:center;
            width:100%;
              transition: all .2s ease;
 -webkit-transition: all .2s ease;
 -o-transition: all .2s ease;
 -ms-transition: all .2s ease;
                background:rgba(255,255,255,0);
}

.short-cta a:hover{
      background:rgba(255,255,255,0.3);
    
    
}



.image-cta{
     width:17.7% !important;
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inventory-cu.png) no-repeat;
    background-size:cover;
}

.product-manager-cu{
    
     width:17.7% !important;
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/product-manager-img-cu.png) no-repeat;
    background-size:cover;
}

.scientist-image-cu{
     width:17.7% !important;
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/scientist-st-cu.png) no-repeat;
    background-size:cover;
}

.purchasing-cu{
     width:17.7% !important;
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/purchasing-cu.png) no-repeat;
    background-size:cover;
}


@media (max-width: 768px){
    .s-m-content{
        width:100%;
    }
    
    .s-m-image{
        width:100%;
    }
    
    .s-m-image img{
        width:100% !important;
        height:auto !important;
    }
    
    .wide-cta-row{
        width:33.33%;
        height:106px;
    }
    
    .short-cta p{
        font-size:15px !important;
        line-height:25px  !important;
    }
}

/*mobile opti home*/


@media (max-width: 768px){

    h1{
        font-size:45px !important;
        line-height:45px !important;
    }
    
    
    .banner-title-wrapper{
        margin:32% auto 5% auto !important;
        max-width:80%;
    }
    
    .schedule-cta-wrapper{
        max-width:350px;
    }
    
    .schedule-demo-btn, .schedule-content{
        width:100%;
    }
    
    .customisedlabel-wrapper{
        max-width:300px;
    }
    
    .box-drum{
        display:none;
    }
    
    
    .customisedlabel-wrapper a{
        width:80%;
    }
    
    
    .challenges-wrapper{
        max-width:300px;
    }
    
    .challenges-module{
        width:100%;
    }
    
    .stakeholders-group{
        width:100%;
    }
    
    
    
  
    
    .stakeholders-desc a{
        width:40%;
    }
    
    .business-case-wrapper{
        max-width:300px;
    }
    
    .business-intro h1{
        width:80%;
    }
    
    .business-module{
        width:100%;
    }




}


/*==============================================================
PROMO LANDING STYLES
================================================================*/




.bluebanner{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/customised-label-from-axel.png) no-repeat bottom center;
     /*height:315px !important;*/
}


.bluebanner-wrapper{
    max-width:1000px;
    margin: 150px auto 50px auto !important;
    float:none !important;
    color:#0476d6;
}



.darkblue-wrapper{
    max-width:1000px;
    margin: 3% auto 3% auto !important;
    float:none !important;
   
}


.darkblue-wrapper h1{
    color:#0476d6;
}

.darkblue-wrapper ul {
    list-style:disc;
    padding: 0 0 0 25px;
}

.darkblue-wrapper ul li{
    color:#666;
    padding:4px 0;
}


.darkblue-wrapper p{
    color:#666;
    margin:25px 0;
}

.white-wrapper{
     max-width:1000px;
    margin: 3% auto 3% auto !important;
    float:none !important;

}


.white-wrapper h1{
    color:#0476d6;
}

.white-wrapper h2{
    color:rgba(173,157,7,1);
}


.white-wrapper p{
     color:#666;
    margin:25px 0;
}

.text-sobresalt{
    font-weight:700;
     color:#0476d6;
     font-size:20px;
     display:block;
}

.btn-serv a{
       color:rgba(255,255,255,1);
            font-size: 15px;
            padding:5px 20px;
           background:#006bc5;
         
          
            display:block;
            text-decoration:none;
            text-align:center;
            font-weight:700;
            width:75%;
            margin:0 50px 0 0 !important;
              transition: all .2s ease;
 -webkit-transition: all .2s ease;
 -o-transition: all .2s ease;
 -ms-transition: all .2s ease;
}


/*=====================================================================

MY SUBPAGES STYLES
=======================================================================*/


.intro-title-subpage{
    text-align:center;
    margin-bottom:50px;
}


.intro-title-subpage h1{
    color:#006bc5;
    font-size:50px !important;
}


.intro-title-subpage h4{
    color:#ad9f07 ;
    font-size:15px;
   
}

.col-equal{
    width:50%;
    padding:0 25px;
}


.main-content p{
     color:#666 !important;
}

.industrie-itm{
    width:15%;
    margin:30px 15px;
}

.industrie-itm .thumb{
    -webkit-clip-path: circle(33.2% at 50% 50%);
clip-path: circle(33.2% at 50% 50%);
    
}

.industrie-itm a{
    text-align:center;
    display:block;
    width:100%;
    margin:10px 0;
}


/*====================================================================
Our Concept
=====================================================================*/

.genius-wrapper{
    max-width:1000px;
    margin:0 auto !important;
    padding:5% 0;
    float:none !important;
}


.adv-cont h1{
     color:#3574e3 !important;
     font-size:35px !important;
}

.adv-cont ul{
    margin:35px 0;
}

.adv-cont ul li{
    width:23%;
    margin:10px;
    color:white;
    text-align:center;
    background:#3574e3;
    padding:30px;
}

.genius-cont{
    width:55%;
}

.genius-cont h1{
    font-size:35px !important;
    line-height:40px !important;
  
    color:#3574e3;
}


.genius-cont p{
     color:#666 !important;
}

.genius-img{
    width:35%;
    margin:0 40px;
}

.grease-genius-cta{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/ourconcept/grease-genius-cta-fade.png) no-repeat right #f3fdfd;

    height:400px;
    
}

.grease-genius-cta-wrapper{
    padding:4% 0 5% 15%;
    width:60%;
}

.grease-genius-cta-wrapper p{
     color:#666 !important;
}
.grease-genius-cta-wrapper a{
    width:25%;
}

.grease-test-module{
    margin:25px 0;
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/genius-grease-test-bg-corrected-new.png) no-repeat 50% 50% ;
    background-size:cover;
}

.grease-test-module-wrapper{
    max-width:70%;
    text-align:center;
    margin:0 auto !important;
    float:none !important;
    padding:3% 0;
}

.grease-test-module-wrapper h3{
    color:#3574e3;
    font-size:35px !important;
    line-height:40px !important;
    margin-bottom:25px;
}


.results-video{
    margin:0;
    background:#dedede;
}



.results-video-wrapper{
    max-width:70%;
    text-align:center;
    margin:0 auto !important;
    float:none !important;
    padding:3% 0;
}

.results-video-wrapper h3{
    color:#3574e3;
    font-size:35px !important;
    line-height:40px !important;
    margin-bottom:25px;
}

.text-video-result{
    margin-top:50px;
   
 
}

.text-video-result h3{
    font-size:25px !important;
    text-align:left;
    margin-bottom:0 !important;
    
    
}

.text-video-result p{
    color:#666;
    margin:5px 0 0 0;
    text-align:left !important;
    
}

.light-gray-bg{
    background:#f4f4f4;
}

.ease-supply{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/ease-suply-from-axel-land.png) no-repeat right;
}

.scientist-premium{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/chicaxelbolteada.png) no-repeat left;
}

.product-development{
      background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/ourconcept/product-development-bg.png) no-repeat right;
}

.logistical{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/logistical-bb-no-rental0.png) no-repeat right;
}

.marketing-bg{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/ourconcept/marketing-things-new-new-nocastrol.png) no-repeat left;
}

.training-bg{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/ourconcept/flow-pressure-bg.png) no-repeat left;
}

.grease-regulatory-services{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/grs1.png) no-repeat right;
}

/*Business Cases Section =================================================================================*/

.bc-cont-wrapper{
    margin:20px 0;
}

.bc-item{
     margin:50px 0;
}

.thumb-bc{
    width:150px;
    margin-right:50px;

}

.cont-bc{
    width:50%;
}

.cont-bc h1{
    font-size:30px !important;
}

.cont-bc p{
    margin-bottom:15px !important;
}

.cont-bc a{
    width:35%;
}

.business-banner-title-wrapper{
    max-width:80%;
    margin:200px auto 5% auto !important;
    float:none !important;
    
}

.business-banner-title-wrapper h1{
    color:white !important;
    text-align:center;
}

.wind-bg{
         background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/business-cases/wind-bc-large-final-.png) no-repeat  ;
         background-position:-50px -120px;
     height:450px !important;
}


.fire-bg{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/steel-bc-new-free.jpg) no-repeat ;
    background-size:100% auto;
    height:450px !important;
}

.earth-bg{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/mining-bc-new-free.jpg) no-repeat ;
    background-size:100% auto;
    height:450px !important;
}

.water-bg{
   background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/marine-bc-new-free.jpg) no-repeat ;
    background-size:100% auto;
    height:450px !important;
}

.bc-in-item-cont{
    width:60%;
}


.bc-in-item-image{
    width:30%;
    margin-left:50px;
}

/*============================================================

StakeHolders Sections

=============================================================*/


.bg-stake{
    min-height:400px;
}


.business-manager{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/product-manager-from-axel-bg-landing.png) no-repeat right top;
   
}

.scientist{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/scientist-from-axel-bg-landing-new.png) no-repeat left top;
   
}

.sales-manager{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/purchasing-manager-from-axel-bg-landing.png) no-repeat right top;
   
}

.purchasing{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/marketing-from-axel-bg-landing-new-without-trapo-verde.png) no-repeat left top;
   
}

.stake-container{
    margin:6% 0 0 0;
}


.wrapp-izq-take{
    width:60%;
    padding:7% 10% 0% 12%;
}

.wrapp-der-take{
    width:42%;
    padding:7% 10% 0% 0%;
    float:right;
}

.wrapp-izq-take h1, .wrapp-der-take h1{
    color:#006bc5;
    font-size:30px !important;
}

.wrapp-izq-take p, .wrapp-der-take p{
   color:#666 !important;
   margin:0;
    
}

.wrapp-izq-take a, .wrapp-der-take a{
    width:40%;
      color:white !important;
              text-decoration:none !important;
}

/*inner pages*/

.marg-bann{
    margin-top:10%;
}

.content-info{
    width:60%;
    padding-right:50px;
    margin-top:50px;
    
}

.content-info h1{
    color:#006bc5;
    font-size:40px !important;
}

.content-info h4{
    color:#ad9f07;
    font-size:16px;
    margin-bottom:20px;
    
}


.content-info h3{
    margin-bottom:25px;
}



.content-info p{
    color:#666;
    
}

.content-info ul{
   list-style:disc;
    
}

.content-info ul li{
   color:#666;
   margin:3px 0 3px 25px;
    
}

.image-content{
    width:40%;
    margin-top:50px;
    
}




.col-line{
    width:40%;
    
    
}

.col-line-long{
     width:55%;
}


.border-col{
    border-left:1px solid #ccc;
    padding-left:70px;
}

.items-stake h4{
    color:#ad9f07;
    padding-bottom:15px;
    font-size:25px;
}

.items-stake {
    margin-top:45px;
}

.items-stake ul {
    list-style:disc;
}

.items-stake ul li{
    color:#666 !important;
    padding:7px 0 ;
    margin:0 0 0 15px;
    
    
    
}

.goal-cont{
    
    margin-top:45px;
}

.goal-cont h4{
     color:#ad9f07;
    padding-bottom:15px;
    font-size:25px;
    
}

.goal-cont h1{
    color:#006bc5;
    font-size:35px !important;
    line-height:43px !important;
}

.product-manager-bottom{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/Noion_Technologies_June_2016_Files/images/guy-from-axel-product-bg-inner-bottom-bigger-better-res.png) center center;
    background-size:cover;
    padding:5% 3%;
}

.technical-bottom {
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/leckner-from-axel-bottom-noword.png) center center;
    background-size:cover;
    padding:5% 3%;
}


.marketing-sales-bottom {
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/rodrigo-from-axel-marketing-bottom-new-without-trapo-verde.png) center right;
    background-size:cover;
    padding:5% 3%;
}


.purchasing-bottom {
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/purchasing-from-axel-bottom-new.png) center right;
    background-size:cover;
    padding:5% 3%;
}



.cta-bottom{
    width:55%;
    padding:25px;
    color:white;
    background:rgba(0,0,0,0.3);
}

.cta-bottom h1{
    color:white !important;
}

.cta-bottom a{
    color:white;
    text-decoration:none !important;
    display:inline-block;
    padding:5px 8px;
    margin: 5px;
    background:#006bc5;
}
/*=============================================
    About
==============================================*/


/*core values*/

    
           
/*core values*/


.core-values-banner-wrapper{
    width:60%;
    padding-left:35px;
    padding-top:10%;
}


.core-values-banner-wrapper p{
    color:white;
    font-size:40px !important;
    font-weight:300;
    line-height:45px;
}



.bold{
    font-weight:700;
}

.wrapper-corevalues{
    max-width:80%;
    margin: 50px auto;
   
}

.corevalues-item{
    display:flex;
    display:-webkit-flex;
    flex-direction:row;
    -webkit-flex-direction:row;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    justify-content:space-around;
    -webkit-justify-content:space-around;
    margin:50px 0;
    
}

.corevalues-item-icono{
    width:20%;
}


.corevalues-item-texto{
    width:70%;
}


.corevalues-item-texto h1{
    font-size:30px;
    font-weight:300;
    color:#1b5393;
    
}
.corevalues-item-texto ul{
    list-style:circle;
    padding-left:25px;
}

.corevalues-item-texto ul li{
    font-size:15px;
    color:#64686b;
    padding:5px 0;
}


@media (max-width:1050px){
    
    
    .core-values-banner-wrapper{
    width:80%;
   
    padding-top:20%;
}

    .core-values-banner-wrapper p{
    
    font-size:20px !important;
  
    line-height:30px;
}
}


@media (max-width:600px){
    
    .corevalues-item-icono{
    width:100%;
    margin-bottom:25px;
}
    
    
    .corevalues-item-texto{
    width:100%;
}
       .core-values-banner-wrapper{
 
   
    padding-top:25%;
}
}


/*final corevalues*/

.mission-wrap{
    max-width:1100px;
    margin:0 auto !important;
    float:none !important;
    color: white;
    padding:5% 0;
}

.mission-title-wrap{
    width:35%;
    padding-top:20px;
}

.mission-title-wrap h1{
    color:white !important;
    text-align:left;
    font-size:60px !important;
    font-weight:100;
}

.mission-cont{
    width:50%;
    text-align:left;
    margin-left:60px;
}


.quality-environment-cont{
    max-width:1000px;
    margin: 50px auto !important;
    float:none !important;
}
.quality-environment-resume{
    width:40%;
    margin:25px 50px;
}

.quality-environment-resume h1{
    font-size:26px !important;
    margin-top:20px;
}

.quality-environment-resume a{
    width:50%;
}



.vision-parallax{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/img-home/mundoparallax-nuevo.png) 50% 100% fixed;
    background-size:cover;
    padding:5% 0;
    margin-bottom:50px;
    
}

.vision-wrapper{
    max-width:1000px;
    margin:0 auto !important;
    background:rgba(0,0,0,0.5);
    color:white;
    padding:25px;
    text-align:center;
}

.vision-wrapper h1{
    color:white !important;
}

.vision-wrapper p{
    color:white !important;
}

.history-wrapper{
    max-width:1000px;
    margin:0 auto !important;
    padding:0 0 50px 0;
    text-align:center;
}

.history-wrapper a{
   width:25%;
   margin:25px auto !important;
}

 .video-johan{
     padding:50px 25px;
     border-bottom:solid 1px #e8e8e8;
 }
 
 .video-johan-wrapper{
     max-width:80%;
     margin:0 auto !important;
     float:none !important;
 }
 
 .video-johan-video{
     width:50%;
     margin-right:25px;
 }
 
 .video-johan-content{
     width:47%;
     padding-top:60px;
     
 }



/* SLIDER HISTORY*/

#wrapper {
    width: 15400px;
    transform: translate3d(0, 0, 0);
    transition: transform .5s ease-in-out;
    -webkit-transition: transform .5s ease-in-out;
    -ms-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
}

.father{
    display:flex;
	display:-webkit-flex;
	flex-direction:row;
	-webkit-flex-direction:row;
	flex-wrap:wrap;
	-webkit-wrap:wrap;
}


.content {
   
    width: 740px;
    height: 400px;
    white-space: normal;
    background-repeat: no-repeat;
    padding: 80px 50px;
}

#contentContainer{
	width: 775px;
	height: 400px;
	overflow: hidden;
	margin: 0 auto;
   
}

.contenido-interno{
	width: 54%;



}

.contenido-interno p{
	padding-right: 50px;
}

.imagen-interna{
	width: 45%;
}

.imagen-interna img{
	width: 100%;
	height: auto;
}



/*navitems*/

#navLinks {
    margin: 25px auto;
    width: 70%;
}
#navLinks ul {
        margin: 0px;
        padding: 0px;
       
    }
        #navLinks ul li {
           
            text-align: center;
            margin: 10px;
            list-style: none;
            cursor: pointer;
            
            padding: 5px;
            
           
        }
            #navLinks ul li:hover {
                color: #ad9b11;
            }
            #navLinks ul li.active {
                color: #ad9b11;
                font-weight:700;
               
                
            }
                #navLinks ul li.active:hover {
                    color: #ad9b11;
                    
                }
                
                
/*quality standards environmental*/


    .environmental{
        background:#f4f4f4;
        
    }
    
    .environmental-wrapper{
        max-width:1200px;
        margin:0 auto !important;
        float:none !important;
        padding:50px 0;
    }
    
    .environmental-wrapper{
        color:#a2a2a2 !important;
    }
    
    
    .ic-big{
        width:15%;
    }
    
    .env-content{
        width:80%;
        margin-left:35px;
    }
    
    
    /*=============================================
    Carrers
==============================================*/

.carrers-wrapper{max-width:50%; margin:0 auto 0 auto !important; float:none !important; padding:0 0 0 0;}
.carrers-tit{padding:42px 0 0 0; }
.carrers-tit p{color:#666 !important; font-weight:700;}
.carrers-item{width:100%; margin:15px 17px; background:white; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.35); border-radius:5px; padding:45px 40px 45px 40px;}
.carrers-item img{padding:0 0 15px 0;}
.carrers-item h1{font-size:25px !important; line-height:40px !important;}
.carrers-item p{color:#666 !important;}
.intro-text-carrer{ margin:15px auto 0 auto !important; float:none !important; max-width:60%; }
.intro-text-carrer p {color:#666 !important;}
.carrers-tit  ul li {color:#666 !important; margin-bottom:7px; list-style:disc; margin-left:15px;}
.carrers-cont{text-align:left;}
.careerpage-content{background:#f4f4f4;}
.career-opportunities{ background:#f4f4f4; }
.career-opportunities-wrapper{  margin:0 auto 0 auto; float:none; max-width:90%; padding:42px 0;}
.career-opportunities-card{ margin-bottom:24px; background:#ffffff; box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.35); border-radius:5px; padding:45px 40px 45px 40px; }
.career-opportunities-card h2{color:#006bc5; font-size:25px !important; text-align:left;}
.career-opportunities-card h3{ text-align:left; color:#006bc5; font-size:20px !important;}
.career-opportunities-card p{ text-align:left; color:#666;}
.career-opportunities-card ul li{ font-size:16px; list-style:disc; margin-left:20px; margin-bottom:6px; color:#666; font-family:Helvetica,Arial,sans-serif !important;}
.careerpage-form{background:#006bc5;}
.no-opportunities h2{text-align:center; font-size:50px !important; color: #9b8e2e; margin-top:25px;}
.no-opportunities img{ display:block; max-width:500px; margin: 0 auto;}
@media(max-width:900px){.no-opportunities h2{text-align:center; font-size:25px !important;}}
/*TAPS LAYOUT STYLES*/

.formulario-landing{
   
    background:#f4f4f4;
    padding: 42px 0;
  
}

.formulario-landing-wrapper{
   
    background:white;
    padding: 32px 24px;
  background:#ffffff; 
  box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.35); 
  -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.35); 
  -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.35); 
  border-radius:5px; 
 
  width:80% !important;
  float:none !important;
  margin:0 auto !important;
  
}


.formulario-landing h3{
     color:  #3498db;
font-family: Lato;
font-size: 25px;
font-weight: 300;
line-height: 45px;
margin-bottom:20px;
    
}

.formulario-landing .hs-input{
   padding-top:15px;
    padding-bottom:15px;
    padding-left:25px;
    background-color: white;
    margin-bottom:10px;
    border:none;
    color: #737373;
  max-width:100% !important;
font-family: Lato;
font-size: 15px;
font-weight: 300;
font-style: italic;
 margin-top:10px;
  border:1px solid #cacaca;

}


.formulario-landing .hs-button{


 font-family: Lato !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight:600;
  background: #ad9f07 !important;
  padding: 20px 40px 20px 40px !important;
  text-decoration: none !important;
  border:none !important;
  margin-top:30px !important;
  width:100% !important;
  cursor:pointer !important;
  

  
  
}




.formulario-landing .hs-button:hover{
   background: #776e07;
  text-decoration: none;
}


.formulario-landing label{
    
   
      font-family: Lato;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: #737373;
  text-align:left;
    
}





.tab-menu li {
  position:relative;
  background-color: #f7f7f7;
  color:#bcbcbc;
  display: inline-block;
  padding: 15px 40px;
  opacity: 0.8;
  cursor:pointer;
  z-index:0;
}

.tab-menu li:hover {
  color:#464646;
}

.tab-menu li.active {
  color:#464646;
  opacity: 1;
}

.tab-menu li.active:hover {
  color:#464646;
}

.tab-content>div {
  box-sizing:border-box;
  width: 100%;
  padding: 40px 0px;   
  min-height:200px;
}

.line {
  position:absolute;
  width: 0;
  height: 7px;
  background-color: #f4f4f4;
  top: 0;
  left: 0;
}


/*=============================================
    Amazing Grease
==============================================*/


.amazing-grease-intro-cont-wrapper{
    max-width:50%;
    margin:60px auto 60px auto !important;
    float:none !important;
    text-align:center !important;
}

.amazing-grease-intro-cont-wrapper h1{
    color:#1678ca;
}


.amazing-grease-intro-cont-wrapper p{
    color:#666;
}

.amazing-grease-letter-cont{
    background:#003880;
}

.amazing-grease-letter-wrapper{
      max-width:60%;
    margin:0 auto  !important;
    float:none !important;
    padding:60px 0;
}

.amazing-grease-letter-wrapper-text{
    width:80%;
    margin:0 auto !important;
    float:none !important;
    padding:35px 35px;
    background:#042d65;
  -webkit-box-shadow: 0px 2px 8px 1px rgba(3,24,51,0.29);
-moz-box-shadow: 0px 2px 8px 1px rgba(3,24,51,0.29);
box-shadow: 0px 2px 8px 1px rgba(3,24,51,0.29);
}

.amazing-grease-letter-wrapper-text h2, .amazing-grease-letter-wrapper-text p{
    color:white !important;
}

.amazing-grease-letter-wrapper-imagen{
    width:80%;
}

.amazing-grease-history-wrapper{
        max-width:80%;
    margin:30px auto 30px auto !important;
    float:none !important;
   
}

.amazing-grease-history-wrapper-imagen{
    
    width:64%;
}

.amazing-grease-history-wrapper-text{
    margin-top:10%;
    margin-left:25px;
    width:33%;
}

.amazing-grease-history-wrapper-text h2{
    color:#1678ca;
    font-size:33px !important;
    margin-bottom:15px;
}

.amazing-grease-history-wrapper-text p{
   color:#666;
}

.amazing-grease-cta{
    background:#f4f4f4;
}

.amazing-grease-cta-wrapper{
      max-width:90%;
    margin:0 auto  !important;
    float:none !important;
    padding:25px 0;
}

.amazing-grease-cta-wrapper-text{
    width:60%;
}


.amazing-grease-cta-wrapper-text h2{
    line-height:45px;
    color:#006bb4;
    font-size:40px !important;
    margin-top:13%;
    
}
    
.amazing-grease-cta-wrapper-imagen{
    width:40%;
}    
    
    /*=======================================
     Innovation
     ======================================*/
     
     .noion-wrapper{
         max-width:1000px;
         margin:0 auto !important;
         float:none !important;
         padding:5% 0;
     }
     
     .noion-item-wrapper{
         max-width:1000px;
         margin:0 auto !important;
         float:none !important;
         padding:2% 0;
     }
     
     .noion-wrapper h1{
         color:#0476d6 !important;
         
     }
     
       .noion-wrapper h2{
         font-size:20px !important;
         margin-bottom:10px;
     }
     
     .noion-wrapper p{
        color:#666 !important;
     }
     
     .cont-noion{
         width:50%;
         margin-top:10%;
     }
     
     .noion-video{
         width:30%;
         margin:25px 35px 25px 35px;
     }
     
     .noion-surface{
         max-width:1000px;
         margin:0 auto !important;
         float:none !important;
         padding:50px 0 0 0 ;
     }
      .noion-surface h1{
         text-align:center;
     }
     
     .noion-results{
         background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/about/noion-turbines.png) no-repeat 50% 50%;
         
       
         height:250px;
         
     }
     
     .noion-results-wrapper{
          width:600px;
          padding:5% 0;
         margin:0 auto !important;
         float:none !important;
     }
     
     
      .noion-results-wrapper h2{
          color:white;
          text-align:center;
          font-weight:400 !important;
          font-size:35px!important;
      }
  
  
     
     .noion-results a{
        width:200px;
        margin:0 auto !important;
        float:none !important;
     }
     
     
     .results-wrapper{
         max-width:1000px;
         margin:0 auto !important;
         float:none !important;
         padding:5% 0;
     }
     
     .results-wrapper h1{
         text-align:center;
     }
     
     
     .results-wrapper h2{
         text-align:center;
     }
     
     .results-wrapper p{
        color:#666 !important;
     }
     
     .results-character{
         margin:4% 0;
     }
     
     .results-character-image{
         width:23%;
         margin-right:30px;
         margin-left:30px;
     }
     
     .results-character-content{
         width:21%;
     }
     
     .results-functionality{
         margin:12% 0 5% 0;
     }
     
     .results-functionality p{
         text-align:center;
     }
    
    
    

.labgirl{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/img-home/girl-scientist-nueva.png) no-repeat;
    padding-left:0;
    padding-right:16%;
    padding-top:70px;
    padding-bottom:175px;
    width:50%;
   
   
    
}


.labgirl h2{
    color: #372e30;
font-family: Lato;
font-weight: 300;
line-height: 45px;
font-size: 30px;
}


.labgirl h2 .grande{
    font-size: 50px;
    
}

.mine{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/img-home/truck-image.png) no-repeat;
   padding-left:2%;
    padding-right:25%;
    padding-top:50px;
    padding-bottom:129px;
    width:50%;
    margin-top:19px;
      margin-lefT:0 !important;
      
    
}




.mine h2{
    color: #fff;
font-family: Lato;
font-weight: 300;
line-height: 45px;
font-size: 30px;
}


.mine h2 .grande{
    font-size: 50px;
    
}

.breathtaking{
    margin:5% 0;
}


.breathtaking-col{
    width:45%;
    margin:25px 25px;
}

.breathtaking-col h2{
    text-align:left !important;
}

.breathtaking-col p{
    margin-bottom:25px;
}

.content-intro-text-left{
    width:55%;
    margin-right:5vw;
}

.content-intro-image-right{
    width:35%;
    padding-top:20px;
}

.noion-difference-item{
    width:30%;
    margin:25px 1vw;
    padding:25px 35px;
    border:1px solid #d2d2d2;
    text-align:center;
    
}

.noion-difference-item p{
    margin-top:0;
    
}

.noion-numbers-wrapper{
    max-width:70%;
    margin:0 auto !important;
    float:none !important;
}

.noion-number-item{
    /*margin:35px 0;*/
    padding:70px 0;
    border-bottom:1px solid #f4f4f4;
}

.number-noion{
    width:7%;
    margin-right:25px;
    padding-top:12px;
}

.number-noion h1{
    font-size:120px !important;
    color:#0476d6 !important;
    
    display:block;
}

.number-text{
    width:75%;
}

.number-text h2{
    margin:0 !important;
}

.number-text p{
    margin:10px 0 !important;
}

/*new noion phases*/
.titulo-verde{
    padding:10px 15px;
    background:#f9aa1b;
    width:60%;
    margin:0 0 25px 0;
    
}

.titulo-azul{
      padding:10px 15px;
    background:#3296d7;
    width:60%;
    margin:50px 0 25px 0;
}
.titulo-verde h1, .titulo-azul h1{
    color:white !important;
    font-size:25px !important;
}

.normal-phases-item{
    width:25%;
    margin:25px 40px;
    padding:25px 15px;
    border:1px solid #d2d2d2;
}

.normal-phases-item h2{
    margin:10px 0 0 0;
}

.normal-phases-item ul li{
    padding:0 10px;
    color:#666;
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/vinet-regular.png) no-repeat left;
}


.big-graphic-cont{
    margin:50px 0;
}

.noion-blue-exp p{
    margin:0;
}

.noion-blue-exp{
    width:50%;
    
}

.noion-phase-item{
    padding:25px 35px;
    background:#e8e8e8;
    width:47%;
    margin:25px 15px 0 0;
}

.noion-blue-item{
     width:19%;
    margin:25px 1vw;
    padding:25px 15px;
    border:1px solid #d2d2d2;
}

.noion-blue-item h2{
    margin:10px 0 0 0;
    line-height:32px !important;
}

.noion-blue-item ul{
    margin-top:10px;
}

.noion-blue-item ul li{
     padding:0 10px;
    color:#666;
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/vinet-regular.png) no-repeat left top;
    background-position:0 7px;
}

/*=======================================
Technology
=======================================*/

.technology-section{
 margin-bottom:50px;   
}


.tech-content-wrapper{
    max-width:1100px;
    margin:10% auto 0 auto !important;
    padding:50px 0;
    float:none !important;
}

.tech-content-wrapper h1{
    color:#006bc5;
}


.tech-content-wrapper p{
   color:#666 !important;

}

.technology-cont{
    width:60%;
}

.technology-image{
    width:31%;
    margin:80px 30px 20px 30px;
}



.tech-categories h1{
    font-size:20px !important;
    margin-right:10px;
    line-height:30px;
}

.tech-categories p{
  /* padding-top:16px;*/
}

.gray-banner{
    background:#f4f4f4;
}

.gray-banner-wrapper{
     max-width:1100px;
    margin:0 auto 0 auto !important;
    padding:50px 0;
    float:none !important;
}

.gray-banner-wrapper h1{
    text-align:center;
    font-size:30px !important;
    color:#006bc5;
}

.challenges-banner-wrapper{
     max-width:1100px;
    margin:0 auto 0 auto !important;
    padding:50px 0;
    float:none !important;
}

.challenges-banner-wrapper h1{
    font-size:30px !important;
    color:#006bc5;
}

.challenges-banner-wrapper ul li{
    background:#f4f4f4;
    padding:20px 25px;
    display: inline-block;
    margin:5px;
    color:#ad9b11;
}

.challenge-item{
    margin:25px 15px;
    width:14%;
    text-align:center;
}

.challenge-item img{
    -webkit-clip-path: circle(41.1% at 50% 50%);
clip-path: circle(41.1% at 50% 50%);
}

.w-d-content{
    width:60%;
}

.spider{
    width:24%;
    margin:25px 25px 25px 110px;
}

.w-d-item{
    width:25%;
    margin:25px;
}

.w-d-item h1{
    font-size:25px !important;
    text-align:center;
    color:#006bc5;
    line-height:30px !important;
}

.w-d-item p{
  
    text-align:center;
    
}


.alassca-parallax{
    height:300px;
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/alassca-bg.png) fixed bottom;
    background-size:cover;
}


.noion-parallax{
    height:300px;
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/noion-difference-banner-wind.jpg)  50% 22%;
   
}

.axelurea-parallax{
    height:300px;
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/axelurea-bg.png) fixed bottom;
    background-size:cover;
}

.hycal-parallax{
    height:300px;
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/hycal-bg.png) fixed bottom;
    background-size:cover;
}

.calsullence-parallax{
    height:300px;
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/callsullence-bg.png) fixed bottom;
    background-size:cover;
}

/*=================================================================

NEW INNOVATION

==================================================================*/

.innovation-banner{
      height:340px;
   background:#f4f4f4;
}

.innovation-banner h1{
    color:#006bc5;
    background:none;
}

.innovation-banner h2{
 margin:0 auto !important;
    color:#ad9b11;
    background:none;
    
}

.innovation-white-module-wrapper{
    margin:3% auto 5% auto!important;
    float:none !important;
    width:50%;
    
}


.innovation-white-module-wrapper h1{
    color:#ad9f07;
}

.innovation-white-module-wrapper p{
 color:#666;   
}

.innovation-gray-module{
    background:#f4f4f4;
    
}

.innovation-gray-module-wrapper{
    margin:0 auto !important;
    float:none !important;
    padding:5% 0;
    width:80%;
}

.innovation-gray-module-wrapper ul{
    margin:10px 0;
}

.innovation-gray-module-wrapper ul li{
    padding:5px 0 5px 15px;
     color:#666;   
     background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/vinet-regular.png) no-repeat left top;
     background-position: 0 13px;
}

.innovation-white-module-content-wrapper{
      margin:0 auto !important;
    float:none !important;
    padding:5% 0;
    width:80%;
}

.flot-mod-50{
    width:45%;
    margin:0 25px;
  display:flex;
  display:-webkit-flex;
  flex-direction:column;
  -webkit-flex-direction:column;
  justify-content:center;
  -webkit-justify-content:center;
}

.flot-mod-50 p{
    color:#666;
}

.innovation-gray-module-wrapper .father{
    margin:50px 0 0 0;
}

.circle-flot{
    background:#cacaca;
  
    width:40%;
    margin:0 50px;
    height:410px;
    padding:3% 5%;
  
}

.circle-flot h2{
    color:white;
   
    font-size:25px;
    text-transform:uppercase;
    }

.circle-flot ul li{
    color:white;
    }


.flot-3{
    margin:50px 35px 0 35px;
    width:18%;
    text-align:center;
}


.flot-3 h2 a{
    font-size:15px !important;
    text-transform:uppercase;
    color:#0476d6 !important;
    text-decoration:none;
}

.thickener-item{
    width:24%;
    margin:5px;
    padding:25px 30px;
    background:#0476d6;
   
  
}

.thickener-item p{
    text-align:center;
    color:white;
}


.aplications-bg{
    background:#006bc5;
}


.aplications-bg-wrapper{
    max-width:70%;
    margin:0 auto !important;
    float:none !important;
    padding:5% 0;
}

.aplications-bg-wrapper h1{
    text-align:center;
    color:white;
    margin-bottom:25px;
}

.vertical-centered-text{
-ms-display: flex;
  display: flex;
  -webkit-display: flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}

.app-item{
    width:23%;
    padding:10px 15px;
    background:#0163b5;
    margin:5px;
    
}

.app-item p{
    color:white;
    text-align:center;
}

/*================================================================
NEW HYCAL DECEMBER 2017
=================================================================*/

.bg-azul{
    width:50%;
    padding:35px 20px;
    background:#003880;
    color:white;
}


.bg-azul h1{
    
    color:white !important;
}

.imagen-dividida-50{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/hycal-mine-50.png) no-repeat 50% 50%;
    width:50%;
}

.hycal-lithium-graf{
    max-width:90%;
    margin:60px auto 25px auto !important;
    float:none !important;
}

.titulo-sec-hycal{
    margin:0 0 20px 0;
    
}

.hycal-graf-cont-izq, .hycal-graf-cont-der{
    width:47%;
    margin:10px 15px;
}

.hycal-graf-cont-izq h2, .hycal-graf-cont-der h2{
    color:#1678ca;
    font-weight:700;
    font-size:17px !important;
}

.quote-final-hycal{
    max-width:80%;
    margin:40px auto 60px auto !important;
    float:none !important;
}

.quote-final-hycal p{
    font-size:35px !important;
    color:#1678ca;
    text-align:center;
    font-weight:300 !important;
    line-height:40px;
    
}


/*---INDUSTRIES-HYCAL----*/

.hycal-industries{
    min-height: 360px;
}

.hycal-industries-item{
    width:20%;
    position:relative;
}

.hy-marine-bg{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/hycal-ind-marine.png) no-repeat 50% 50%;
}
.hy-agriculture-bg{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/hycal-ind-agr.png) no-repeat 50% 50%;
}
.hy-forestry-bg{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/hycal-ind-forestry.png) no-repeat 50% 50%;
}
.hy-food-bg{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/hycal-ind-food-grade.png) no-repeat 50% 50%;
}
.hy-construction-bg{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/hycal-ind-construc.png) no-repeat 50% 50%;
}

.hycal-industries-item-text{
    width:100%;
    position:absolute;
    bottom:0;
    height:80px;
    background: rgba(19,19,19,0);
    background: -moz-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,19,19,0)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(19,19,19,0) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#000000', GradientType=0 );
}

.hycal-industries-item-text h1{
    color:white !important;
    text-align:center;
    font-size:20px !important;
    padding-top:15px;
}


/*---INDUSTRIES-AXEL UREA----*/


.urea-industries{
    min-height: 360px;
}

.urea-industries-item{
    width:25%;
    position:relative;
}


.urea-agriculture-bg{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/hycal-ind-agr.png) no-repeat 50% 50%;
}
.urea-big-machine-bg{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/urea-ind-heavy.png) no-repeat 50% 50%;
}
.urea-steel-bg{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/urea-ind-steel.png) no-repeat 50% 50%;
}
.urea-automotive-bg{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technology/urea-ind-auto.png) no-repeat 50% 50%;
}

.urea-industries-item-text{
    width:100%;
    position:absolute;
    bottom:0;
    height:80px;
    background: rgba(19,19,19,0);
    background: -moz-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,19,19,0)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(19,19,19,0) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#000000', GradientType=0 );
}

.urea-industries-item-text h1{
    color:white !important;
    text-align:center;
    font-size:20px !important;
    padding-top:15px;
}

/*================================================================
LOCACTIONS
=================================================================*/


.wrap-location{
    margin:8% 0;
}


.location-item{
    margin:50px 0;
   
}

.location-thumb{
    width:20%;
    margin-right:25px;
    
}

.location-content{
    width:50%;
    margin-right:25px;
    text-align:left !important;
}

.location-content h1{
    font-size:35px !important;
}

.location-content p{
   margin-bottom:15px !important;
}
.location-content a{
   width:20%;
}

.location-data{
    width:20%;
    padding:25px;
    background:#F9F9E5;
    height:50%;
}

.location-data ul li{
    text-align:left !important;
    font-size:15px;
    margin:5 0;
    font-weight:400;
}


/*=======================================

Knowledge

========================================*/

.white-papers-row{
    margin:50px 0;
}

.white-papers-row h2{
    color:#0476d6;
    font-size:20px !important;
    font-weight:400;
    
    
}

.white-papers-row p{
    margin:5px 0 !important;
    
    
}

.white-papers-row a{
    width:7%;
    margin:10px 0 50px 0 !important;
    
    
}
    
/*=======================================

Generic Templates

=========================================*/

.gray-minimal-banner{
     background:rgba(145,142,46,1) !important;
  /*  height:315px !important;*/
}

.blue-minimal-banner{
     background:rgba(0,38,134,1) !important;
    height:315px !important;
}

.gray-minimal-generic-banner-title-wrapper{
  
    margin:0 auto 0 auto !important;
    float:none !important;
    text-align:center;
    padding:150px 0 50px 0;
}


.gray-minimal-generic-banner-title-wrapper h1{
    color:white;
}


.gray-minimal-generic-banner-title-wrapper h4{
    color:white;
}

/*===================================
Guide Pages
=====================================*/


.grid-wrapper{
    max-width:1000px;
    margin:25px auto !important;
    float:none !important;
}

.grid-row{
    margin:45px 0 0 0;
}

.grid-item{
    background:#f4f4f4;
    width:48%;
    margin:10px;
    padding:0;
}

.grid-item h2{
    padding:15px;
     background:#bfbfbf;
     margin: 0 0 15px 0 !important;
     color:white;
}

.grid-cont-imagen{
    padding:15px 45px 25px 45px;
}


.grid-cont-imagen .button-cta{
    width:50%;
    margin:15px auto 0 auto !important;
    float:none !important;
}

.button-cta:hover{
    color:white;
    text-decoration:none;
}

.final-grid{
    margin:50px 0;
}

.final-grid p{
    color:#666;
}


.gray-banner-new{
    background:#f4f4f4;
}

.gray-banner-new-wrapper{
    padding:50px 0;
    max-width:50%;
    margin: 0 auto 20px auto!important;
    float:none !important;
}

.white-bg-new{
    max-width:80%;
    margin:50px auto !important;
    float:none !important;
    color:#666;
}

.gray-banner-intern{
    background:#f4f4f4;
}

.gray-banner-intern-wrapper{
     max-width:80%;
    margin:0 auto !important;
    float:none !important;
    padding:50px 0;
    color:#666;
}



/*Contact */

.locations-contact{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/about/locations-banner-blackout.png)no-repeat 50% 50%;
    background-size:cover;
    
}

.locations-contact-wrapper{
    max-width:80%;
    margin:0 auto !important;
    float:none !important;
    padding:5% 0;
    text-align:center;
    color:white;
}


.locations-contact-wrapper h1{
 
    color:white !important;
}


.locations-contact-wrapper a{
    display:block;
    max-width:150px;
    margin:10px auto !important;
    float:none !important;
}


.cont-dat{
    margin:15px 0;
}

.cont-dat p{
    text-align:center;
    font-size:13px;
    line-height:22px !important;
}

/*-----------OtherLandings--------------------*/

/*A day in the life Landing*/

.land-wrapper-center{
    margin:150px auto 70px auto !important;
    float:none !important;
    max-width:50%;
}


.land-wrapper-center h1{color: #006bc5;font-size: 50px;font-weight: 300;text-align:center;}
.land-wrapper-center p{color: #666666;font-size: 15px;font-weight: 400;line-height: 20px;text-align:center;}
.cont-div-img{width:50%;}
.cont-div-content{width:30%;padding:5% 0; margin:0 auto!important; max-width:50%; float:none !important;}
.cont-div-content h2{font-weight: 300;font-size: 35px;color: #006bc5;padding:5px 0;}
.cont-div-content p{color: #666666;font-size: 15px;font-weight: 400;line-height: 25px;}
.factory-img-lnd{background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/landing-aday/a-day-in-the-life-pic.png) no-repeat top;}
.warehouse-img-lnd{background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/landing-aday/a-day-in-the-life-pic2.png) no-repeat top;}
.team-img-lnd{background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/landing-aday/a-day-in-the-life-pic3.png) no-repeat top;}
@media(min-width:2000px){
  .factory-img-lnd,.warehouse-img-lnd,.team-img-lnd{
      background-size:cover;
      
  }  
  .cont-div-content{padding:10% 0;}
}
/*--------------------------------------------*/

/*-----------------BLOG----------------------*/

.axel-blog-wrapper-title{
    max-width:50%;
    margin:15% auto 5% auto !important;
    float:none !important;
}

.axel-blog-wrapper-title h1{
    color:white;
    text-shadow: 1px 1px 0px rgba(130, 130, 130, 1);
    text-align:center;
  font-size:80px !important;
  line-height:80px !important;
  font-weight:bold !important;
}


/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*-------------MEDIA QUERYS--------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/


/*-Menu Sub Res-*/

.menu-tablet-movil-medium, .menu-tablet-movil-big, .menu-tablet-movil-left, .menu-tablet-movil, .menu-tablet-movil-left-nowrapp{
    display:none;
}

/*-------Desktop Tweaks-----------*/
/*------------------------------*/
/*-----------------------*/
/*--------------------*/



@media (max-width:1150px){
    /*-----Generals----*/
    h1{
        font-size:35px !important;
        line-height:45px;
    }
    
    p{
        font-size:14px !important;
    }
    
    .main-content li{
        font-size:14px;
    }
    
    
    .menu-cont li{
        margin:0 4px;
    }
    
    .menu-cont li a{
        font-size:11px;
    }
    
   
    
    /*-----HOME----*/
    
    .challenges-wrapper{
        max-width:800px;
    }
    
    .challenges-module{
        margin:25px 1px;
        width:11%;
    }
    
    /*--stakeholders--*/
    
    .col-line{
        width:45%;
    }
    
    
    /*-Product Technology--*/
    
    .intro-title-subpage{
        margin-bottom:20px;
    }
    
    .challenge-item{
        width:11%;
        margin:25px 2.8%;
    }
    
    /*--Conditions-*/
    
    .w-d-item{
        width:24%;
    }
    
    /*Innovation*/
    
    .noion-parallax-clone{
        height:300px !important;
    }
    
    .btn-sections-wrapper{
        max-width:20%;
    }
    
    .btn-noion-sections{
        width:100%;
        margin: 7px 0;
    }
    
    .flot-mod-50{
        width:40%;
        margin: 0 5%;
    }
    
    .circle-flot{
        width:40%;
        margin: 0 5%;
    }
    
    /*-Business Cases-*/
    
    .cont-bc a{
        width:65%;
    }
    
    .list-industries li a{
        width:100%;
    }
    
    /*-BLOG-*/
    
    .full-wrapper{
        max-width:900px;
    }
    
    /*-about-*/
    
    .environmental-wrapper{
        max-width:900px;
    }
}


/*-------Tablet Tweaks-----------*/
/*------------------------------*/
/*-----------------------*/
/*--------------------*/


@media (max-width:1024px){
    
    
  
    
    h3{
        font-size:18px!important;
    }
    
    .banner-title-wrapper h1{
        font-size:25px!important;
        line-height:30px !important;
    }
    
    .page-center{
        max-width:800px;
    }
    /*-menu-*/
    .menu-cont{
        margin:0;
    }
    
    .technology-child{
         display:none;
           left:39%;
         
    }
    
  
    
    
    .customised-child{
         display:none;
          left:39%;
         
    }
    
  
    .premium-child{
         display:none;
          left:39%;
    }
    
    
  
    
    
    
    .stakeholders-child{
         display:none;
         left:39%;
    }
    
    
   
    
    
    .innovation-child{
         display:none;
           left:39%;
    }
    
   
    
    
    .industries-child{
         display:none;
          left:39%;
         
    }
    
   
    
    .business-child{
         display:none;
          left:39%;
         
    }
 
    .production-child{
         display:none;
          left:39%;
         
    }
    
  
    
    
    
    
    .knowledge-child{
         display:none;
           left:39%;
         
    }
    
 
    
    .about-child{
         display:none;
         left:39%;
         
    }
    



    
    
    
      .menu-tablet-movil{
             display:block;
             max-width:43%;
             margin:0 auto !important;
             float:none !important;
         } 
    
      .menu-tablet-movil ul{
              margin:5px 0;
              
          }
          
          .menu-tablet-movil ul li {
               text-align:center;
               padding:0 1%;
               text-align:center;
           }
          
           .menu-tablet-movil ul li a{
               text-align:center;
               color:white;
               text-decoration:none;
               display:block;
               padding:5px 7px;
               background:rgba(173,157,7,1);
               margin:5px 0;
        
           }
           
           
             .menu-tablet-movil ul{
              margin:5px 0;
              
          }
          
            .menu-tablet-movil-big{
             display:block;
             max-width:63%;
             margin:0 auto !important;
             float:none !important;
          
             
    
         } 
          
          .menu-tablet-movil-big ul li {
               text-align:center;
               padding:0 1%;
               text-align:center;
           }
          
           .menu-tablet-movil-big ul li a{
               text-align:center;
               color:white;
               text-decoration:none;
               display:block;
               padding:5px 7px;
               background:rgba(173,157,7,1);
               margin:5px 0;
        
           }
           
           
            .menu-tablet-movil-medium{
             display:block;
             max-width:40%;
             margin:0 auto !important;
             float:none !important;
          
             
    
         } 
          
          .menu-tablet-movil-medium ul li {
               text-align:center;
               padding:0 1%;
               text-align:center;
           }
          
           .menu-tablet-movil-medium ul li a{
               text-align:center;
               color:white;
               text-decoration:none;
               display:block;
               padding:5px 7px;
               background:rgba(173,157,7,1);
               margin:5px 0;
        
           }
           
           
            .menu-tablet-movil-left{
             display:block;
           
          
             
    
         } 
          
          .menu-tablet-movil-left ul li {
               text-align:center;
               padding:0 1%;
               text-align:center;
           }
          
           .menu-tablet-movil-left ul li a{
               text-align:center;
               color:white;
               text-decoration:none;
               display:block;
               padding:5px 7px;
               background:rgba(173,157,7,1);
               margin:5px 0;
        
           }
           
           .menu-tablet-movil-left-nowrapp{
             display:block;
             max-width:800px;
             margin:0 auto !important;
             float:none !important;
             padding:35px 0 0 0;
          
             
    
         } 
          
          .menu-tablet-movil-left-nowrapp ul li {
               text-align:center;
               padding:0 1%;
               text-align:center;
           }
          
           .menu-tablet-movil-left-nowrapp ul li a{
               text-align:center;
               color:white;
               text-decoration:none;
               display:block;
               padding:5px 7px;
               background:rgba(173,157,7,1);
               margin:5px 0;
        
           }
           
           
         
           
           
    
    /*--*/
    
       .darkblue-wrapper h1, .white-wrapper h1, .white-wrapper p, .adv-cont h1{
       text-align:center;
   }
   
   .white-wrapper .buttons-wrapper{
       max-width:55%;
       margin:0 auto !important;
       float:none !important;
   }
    
    .gray-minimal-generic-banner-title-wrapper{
  
    margin:40px auto 50px auto !important;
   
}

    .bluebanner-wrapper{
        margin:14% auto 2% auto !important ;
    }
    
    
         
        
           
           .grease-genius-cta-wrapper{
               padding:4% 0 5% 5%;
               width:50%;
           }
           
           .grease-genius-cta-wrapper a{
               width:50%;
           }
           
           .wrapp-izq-take{
               width:55%;
           }
           
           .ease-supply, .scientist-premium ,.product-development{
               background-position:200% 0;
           }
  
          .logistical{
               background-position:150% 0;
           }
           
           .scientist-premium, .scientist-premium, .training-bg, .marketing-bg{
               background-position:-100% 0;
           }
           
            .product-development-image{
                  background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/product-development-bg-axel-ipad.jpg) no-repeat 50% 100%;
            
            }
            
            .technical-services-image{
                  background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/technical-management-from-axel-for-ipad.png) no-repeat 50% 100%;
            
            }
           
           .content-info h1{
               font-size:35px !important;
           }
           
           /*-stakeholders-*/
           
           .business-manager{
               background-position:170% 0;
           }
           
           .technical-bottom {
                background-position:85% 50%;
               
            }
            
            .product-manager-bottom{
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/Noion_Technologies_June_2016_Files/images/guy-from-axel-product-bg-inner-bottom-bigger-better-res.png) center right;
   
}
           
           /*--*/
           
           /* Product Technology*/
           
             .technology-image{
                  width:100%;
                  margin:80px 0 20px 0;
              }
           
           .tech-content-wrapper, .gray-banner-wrapper, .challenges-banner-wrapper{
               max-width:800px;
           }
           
           .tech-categories h1{
               width:100%;
           }
           
           .tech-categories p{
               margin:0 0 10px 0;
               padding:0;
           }
           
           .technology-cont{
               width:100%;
           }
           
           .intro-title-subpage h1{
               font-size:35px!important;
           }
           
            .challenge-item{
                width:25%;
                margin:25px 2.8%;
            }
            
            .industrie-itm{
                width:25%;
                margin:10px 30px;
            }
            
           
            .col-der-intern{
                display:none !important;
            }
            
            .col-izq-intern{
                width:100% !important;
            }
            
            .col-der-no-dissapear{
                width:100% !important;
                margin:0 !important;
            }
            
            
           
           
           
           /*--*/
           
           /*-Innovations-*/
           
           .noion-wrapper, .noion-item-wrapper{
               max-width:800px;
           }
           
           .banner-title-wrapper{
               margin:15% 0 5% 75px !important;
           }
           
           .innovation-white-module-wrapper{
               width:75%;
           }
           
           .thickener-item{
               width:23%;
           }
           
           .app-item{
               width:31%;
           }
           
           .flot-3{
               width:20%;
           }
           
           .normal-phases-item{
    
             margin:25px 25px;
  
        }
        
        .noion-blue-exp{
            width:100%;
        }
        
        .noion-blue-item{
            width:100%;
            margin:25px 0;
        }
        
        .flot-mod-50 h1{
            text-align:center;
        }
        
        
        .circle-flot h2{
            text-align:center;
        }
        
        .innovation-white-module-content-wrapper h1{
            text-align:center;
        }
        
        /*-new hycal-*/
        
        .hycal-graf-cont-izq, .hycal-graf-cont-der{
    width:100%;
    
}

.hycal-graf-cont-izq h2, .hycal-graf-cont-der h2{
    text-align:center;
}
           
           /*-knowledge-*/
           
           .axel-blog-wrapper-title{
               margin:20% auto 5% auto !important;
           }
           
           .darkblue-wrapper{
               max-width:800px;
           }
           
           .white-wrapper{
                max-width:800px;
           }
                
           .grid-wrapper{
               max-width:800px;
           }
           
           .white-papers-row a{
               width:20%;
           }
           
           .grid-item{
               width:42%;
           }
           
           .grid-cont-imagen .button-cta{
               width:100%;
           }
           
           
           /*-amazing grease-*/
           
           .amazing-grease-letter-wrapper{
               max-width:80%;
           }
           
           .amazing-grease-history-wrapper-imagen{
               width:100% !important;
           }
           
           .amazing-grease-history-wrapper-text{
               width:100% !important;
               text-align:center;
               margin-top:0 !important;
           }
           
           
           /*-About-*/
           
           .mission-wrap{
               max-width:800px;
               padding:1% 0 5% 0 ;
           }
           
           .vision-wrapper{
                max-width:500px;
           }
           
           .wrap-location{
               margin:15% 0 8% 0;
           }
           
           
      
           
}


/*------------------Tablet Portrait----------------*/

@media(max-width:768px){
    
      .page-center{
        max-width:500px;
    }
    
    
    
 
    
    .banner-title-wrapper{
        margin:20% auto 5% auto !important;
    }
    
    .banner-title-wrapper h1{
        text-align:center;
    }
    
    
    .banner-title-wrapper h2{
        text-align:center;
    }
    
    .customisedlabel-wrapper, .challenges-wrapper, .business-case-wrapper{
        max-width:600px;
    }
    
    .challenges-module{
        width:50%;
        margin: 25px auto !important;
        float:none !important;
    }
    
   .stakeholders-desc{
       bottom:100px;
   }
   
   .stakeholders-bg{
       width:100%;
   }
   
   /*-Menu-*/
   
   .menu-tablet-movil{
       max-width:60%;
   }
   
   .menu-tablet-movil-big{
       max-width:100%;
   }
   
   .menu-tablet-movil-medium{
       max-width:52%;
   }
   
   /*-Customised Label-*/
   
   .bluebanner-wrapper{
       margin:25% auto 10% auto !important;
   }
   
   .gray-minimal-generic-banner-title-wrapper{
       padding:15% 0 10% 0 !important;
   }
   
   .darkblue-wrapper, .white-wrapper, .genius-wrapper{
       max-width:500px;
   }
   
   .white-wrapper .buttons-wrapper{
       max-width:90%;
     
   }
   
   .genius-cont{
       width:100%;
   }
   
   .genius-cont h1{
       margin-top:25px;
   }
   
   .genius-img{
       width:100%;
       margin:0;
   }
   

   
   .white-wrapper h3{
       font-size:25px !important;
   }
   
   .adv-cont ul li{
       width:100%;
       margin:10px 0;
   }
   
   .grease-genius-cta-wrapper{
       padding:4% ;
       width:75%;
   }
   
   .grease-genius-cta{
       background-position:250% 0;
   }
   
   
   .ease-supply, .product-development, .grease-regulatory-services, .logistical, .business-manager, .sales-manager{
       background:#f4f4f4;
       
   }
   
   .scientist-premium, .training-bg, .marketing-bg, .scientist, .purchasing{
       background:white;
   }
   
   .wrapp-izq-take{
       width:100%;
       padding:16% 10% 0 12%;
   }
   
   .wrapp-der-take{
       width:100%;
       padding:16% 10% 0 12%;
   }
   
   .bg-stake{
       min-height:350px;
   }
   
   .content-info{
       width:100%;
       margin-right:0;
       margin-top:0;
   }
   
   .image-content{
       width:100%;
       margin-top:15px;
   }
   
   .container-fluid .row-fluid .page-center{
       max-width:500px;
   }
   
   
   .marg-bann{
       margin-top:25% !important;
   }
   
   .col-line{
       width:100%;
   }
   
   .border-col{
       padding:0;
       border:0;
   }
   
   .col-line-long{
       width:100%;
       margin-top:35px;
   }
   
   .cta-bottom{
       width:60%;
   }
   
   .tech-content-wrapper, .gray-banner-wrapper, .challenges-banner-wrapper{
       max-width:500px;
   }
  .menu-tablet-movil-left ul li{
      width:48%;
  }
  
  .technology-image{
      width:100%;
      margin:80px 0 20px 0;
  }
  
  .challenge-item{
      width:100%;
      margin:25px 0;
  }
  
  /*-conditions-*/
  
  .w-d-content{
      width:100%;
  }
  
  .w-d-item{
      width:100%;
  }
  
  .spider{
      width:100%;
      margin:25px 0;
  }
  
  /*-industries-*/
  
  .industrie-itm{
      width:100%;
      margin:25px 0;
  }
  
  .intro-title-subpage h1, .intro-title-subpage h3{
      text-align:left;
  }
  
  .col-equal{
      padding:0;
      width:100%;
  }
  
  
  /*-Innovations-*/
  
  .noion-parallax-clone{
      height:250px !important;
  }
 
 
 .btn-sections-wrapper{
     max-width:100%;
 }
  
  
  .noion-wrapper, .noion-item-wrapper{
      max-width:500px;
  }
  
  .breathtaking-col{
      width:100%;
  }
  
  .results-wrapper{
      max-width:500px;
  }
   .labgirl, .mine{
       width:100%;
   }
   
   
   .results-character-content{
       width:100%;
   }
   
   .thickener-item{
       width:100%;
   }
   
   .flot-mod-50{
       width:100%;
       margin:0;
   }
   .circle-flot{
       width:auto;
       margin:20px 0;
       height:auto;
   }
   
   
   .number-noion{
       width:100%;
       text-align:center;
   }
   
   .number-text{
       width:80%;
       margin:50px auto!important;
       float:none !important;
       text-align:center;
   }
   
   .content-intro-text-left, .content-intro-image-right{
       width:100%;
   }
   
  .noion-difference-item{
      width:46%;
  }
  
  .titulo-verde, .titulo-azul{
      width:100%;
  }
  
  .normal-phases-item{
      width:100%;
      margin:25px 0;
  }
  
  /*-new hycal-*/
  
  .bg-azul{
    width:100%;
   
}

.imagen-dividida-50{
   min-height:350px;
    width:100%;
}

.hycal-industries{
    min-height:800px
}

.hycal-industries-item{
    width:100%;
    position:relative;
    
}

.hy-marine-bg, .hy-agriculture-bg, .hy-forestry-bg, .hy-food-bg, .hy-construction-bg {
    background-size:cover;
}


 /*-new axelurea-*/
  



.urea-industries{
    min-height:800px
}

.urea-industries-item{
    width:100%;
    position:relative;
    
}

.urea-steel-bg, .urea-agriculture-bg, .urea-big-machine-bg, .hy-food-bg, .urea-automotive-bg {
    background-size:cover;
}
   
 /*-Business Cases-*/
 
 .col-izq-intern{
     width:100% !important;
 }
 
 
 .wind-bg{
     height:350px !important;
     background-position:-50px -220px;
 }
 
 .fire-bg{
      height:350px !important;
     background-position:0 110px;
 }
 
 .earth-bg{
     height:350px !important;
     background-position:0 110px;
 }
 
 .water-bg{
     height:350px !important;
     background-position:0 110px;
 }
 .bc-in-item-cont{
     width:100%;
 }
 
 .bc-in-item-image{
     width:100%;
     margin:0;
 }
 
 /*-knowledge-*/
 
 .full-wrapper{
     max-width:500px;
 }
 
 .blog-banner-image, .news-banner-image{
     height:300px !important;
 }
 
 .axel-blog-wrapper-title{
     margin:24% auto 5% auto !important;
 }
 
 .grid-wrapper{
     max-width:500px;
 }
 
 .grid-item{
     width:100%;
 }
 
 /*Amazing Grease*/
 
 .amazing-grease-letter-wrapper{
               max-width:100%;
           }
           
           
           .amazing-grease-intro-cont-wrapper{
               max-width:80%;
           }
           
           
           .amazing-grease-cta-wrapper-text{
               width:100%;
               text-align:center;
           }
           
           .amazing-grease-cta-wrapper-imagen{
               width:100%;
               margin-top:25px;
           }
           
           

       
         
 /*-about-*/
 
 
 
 .mission-wrap{
     max-width:500px;
 }
 
 .mission-title-wrap{
     width:100%;
 }
 
 .mission-cont{
     width:100%;
     margin:0;
 }
 
 

 
 .menu-tablet-movil-left-nowrapp{
     max-width:500px;
 }
 
 .quality-environment-cont{
     max-width:500px;
 }

 .quality-environment-resume{
     width:100%;
     margin:25px 0;
 }
 
 
 .video-johan-video{
     width:100%;
  
 }
 
 .video-johan-content{
     width:100%;
     
 }
 
 .banner-title-wrapper-about{
     margin:45% 75px 3% 75px;
 }
 
 
 
 /*-history-*/
 
 #navLinks ul li{
     margin:5px;
 }
 
 #navLinks{
     width:100%;
     margin:15px 0;
 }
 
 .content{
     padding:80px 0;
 }
 
 .ic-big{
     width:100%;
 }
 
 .environmental-wrapper{
     max-width:500px;
 }
 
 .env-content{
     width:100%;
     margin-left:0;
 }
 
 .location-thumb{
     width:100%;
     margin-right:0;
     margin-top:25px;
     padding-top:25px;
     border-top:1px solid #999;
 }
 
 .location-content{
     width:100%;
     margin-right:0;
     margin-top:25px;
 }
 
 
 .location-data{
     width:100%;
     text-align:center;
 }
 
 .location-data ul li{
     text-align:center !important;
 }
 
 .wrap-location{
     margin:30% 0 8% 0;
 }

}
/*-------MOBILE-------------*/
@media (max-width:425px){
    
    p{
        margin:10px 0;
    }
    
    
    .industries-banner-pulppaper-image{
    
    background:url(https://515485.fs1.hubspotusercontent-na1.net/hubfs/515485/redesign-jul-2016/images/inner-banners/industries_pulppaper-1.png) no-repeat fixed 50% 50%;
   
   
    
}

    .challenges-module{
        width:100%;
        margin: 25px ;
        float:none !important;
    }
    
    .menu-tablet-movil-left ul li{
        width:100%;
    }
    
    .gray-minimal-generic-banner-title-wrapper{
        padding:30% 0 10% 0 !important;
    }
    
    .menu-tablet-movil-left-nowrapp{
        max-width:350px;
    }
    
    .menu-tablet-movil-left-nowrapp ul li {
        width:100%;
    }
    
    .container-fluid .row-fluid .page-center, .environmental-wrapper{
        max-width:350px;
    }
    
    .intro-title-subpage h1, h1{
        font-size:25px !important;
    }
    
    .menu-tablet-movil-big ul li{
        width:100%;
    }
    
    .imagen-interna{
        display:none;
    }
    
    .mission-wrap, .quality-environment-cont, .full-wrapper{
        max-width:350px;
    }
    
    .axel-blog-wrapper-title{
        margin:45% auto 5% auto !important;
    }
    /*.blog-banner-image, .news-banner-image{*/
    /*    height:250px !important;*/
    /*}*/
    
    .more-link{
        width:100%;
        padding:10px 0;
    }
    
    .bluebanner-wrapper{
        margin:40% auto 10% auto !important;
    }
    
    .darkblue-wrapper, .white-wrapper, .genius-wrapper, .grid-wrapper{
        max-width:350px;
    }
    
    .cont-bc{
        width:100%;
    }
    
    .cont-bc a{
        width:100%;
    }
    
    .fire-bg, .earth-bg, .water-bg{
        background-size:cover !important;
    }
    .menu-tablet-movil-medium{
        max-width:100%;
    }
    
    .menu-tablet-movil-medium ul li{
        width:100%;
        padding:0;
    }
    
    .flotante{
        float:none;
    }
    .app-item{
        width:100%;
    }
    
    .flot-3{
        width:100%;
        margin:50px 0 0 0;
    }
    
    .bg-stake{
        min-height:450px;
    }
    
    .wrapp-izq-take{
        padding:36% 10% 0 12%;
    }
    
    .content-info{
        padding-right:0;
    }
    
    .banner-title-wrapper{
        margin:25% auto 5% auto !important;
        max-width:80% !impoartant;
    }
    
    .formulario{
        max-width:350px;
        margin: 0 auto !important;
        float:none !important;
    }
    
    
    .tech-content-wrapper, .gray-banner-wrapper, .challenges-banner-wrapper{
        max-width:350px;
    }
    
    .cta-bottom{
        width:100%;
    }
    
    .menu-tablet-movil ul li{
        width:100%;
        padding:0;
    }
    
    .btn-serv a{
        width:100%;
        margin:5px 0 !important;
    }
    
    .grease-test-module-wrapper h3{
        font-size:23px !important;
    }
    
    .grease-genius-cta{
        background:#f4f4f4;
    }
    
    .banner-title-wrapper{
        max-width:60%;
    }
    
    .customisedlabel-wrapper, .challenges-wrapper, .business-case-wrapper{
        max-width:350px;
    }
    
    .noion-difference-item{
        width:100%;
        margin:25px 0;
    }
    
    .noion-phase-item{
        width:100%;
        margin:15px 0;
    }
    
    .banner-title-wrapper-about{
        margin:80% 25px 3% 25px !important;
        text-align:center;
        
    }
    
    .quality-environment-resume a{
    width:100%;
}
   
}

/*last updates*/

@media (min-width:1600px){
 
.banner-title-wrapper, .axel-blog-wrapper-title{
    margin:7% 0 5% 75px !important;
}   


}


/*-subscribe mails styles -*/

.unsubscribe-wrap h1{

    font-size:30px;
    font-weight:300;
    color:#006bc5;
    
}


.unsubscribe-wrap h3{

    font-size:20px;
    font-weight:300;
    color:#ad9f07;
    
}

.unsubscribe-wrap  .hs-button{
               color:rgba(255,255,255,1);
            font-size: 15px;
          
            padding:5px 20px;
           background:#006bc5;
         border:none;
         cursor:pointer;
           
            display:block;
            text-decoration:none;
            text-align:center;
            font-weight:700;
            width:40%;
            margin:25px 0 0 0 !important;
            
              transition: all .2s ease;
 -webkit-transition: all .2s ease;
 -o-transition: all .2s ease;
 -ms-transition: all .2s ease;
                
         }
         
         @media (max-width:860px){
             .unsubscribe-wrap  .hs-button{
                  width:100%;
             }
         }
         
         
          .unsubscribe-wrap  .hs-button:hover{
              background:#006bc5;
          }


.regular-format ul{
  list-style:circle;
  padding-left:25px;
  
  
}

.regular-format ul li{
  color:#666;
  padding:10px  0 0 0;
  font-size:16px;
}

@media(max-width:1150px){
.regular-format ul li{
  
  font-size:14px;
}
}

/*sub footer*/

.sub-footer{
background:#9d9009;
}

.sub-footer-wrapper{
padding:20px 15px;
  
}

.sub-foo-cont{
display:flex;
  display:-webkit-flex;
  flex-direction:row;
  -webkit-flex-direction:row;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  justify-content:space-between;
  -webkit-justify-content:space-between;

}

.sub-footer-wrapper .privacy{
  width:10%;
  text-align:left;
}

.sub-footer-wrapper .cookies{
  width:85%;
  text-align:right;
}


.sub-footer-wrapper p{
  color:white;
  font-size:12px !important;
  line-height:15px !important;
  font-weight:300;
  margin:0 !important;
}

.sub-footer-wrapper a{
color:white;
  text-decoration:underline;
  cursor:pointer;
}