/***
html, body
colors
    - grey	#777
    - purple	#48294f
    - blue 	#29a7df
    - yellow	#f69220a
font-sizese
columns.
generic style
mi
header/ footer
desktop/ main col-x...
a
search
packtags

tools
tools-icons

news
blog

user profile
inbox

icons
buttons
forms
tables

backgrounds

navs

others

@mediaqueries 1700/ 1480/ 1450/ 1280/ 1124/ 1024/ 850/ 768/ 480/ 375/ 280 (+2)
**************************************************************************/

html, body {
    height:100%;
}

body{
    position:relative;
    margin:0 auto;

    font-size:100%;
    font-weight:normal;
    font-family:"OS-Font";
    line-height:1.688em;

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

/******colors*******/

.yellow{background-color: #f69220;}
.orange{background-color: #FF4420;}
.purple{background-color: #492950;}
.blue{background-color: #29a7df;}
.green{background-color: #7EAA00;}
.fuxia{background-color: #F5165D;}

/******new fonts**********/

h1, h2, h3, h4, h5, p, li{font-weight: normal;}

h1{font-size: 28px;}
h2{font-size: 24px;}
h3{font-size: 20px;}
h4{font-size: 16px;}
h5{font-size: 14px;}

p,
li,
input,
select,
textarea{
    font-size: 14px;
    color: #333;
}

.list-grid li a h2,
.entry header h1,
.entry header h2,
.tooltip h4{
    font-size: 14px;
}

.gm-style .gm-style-iw{
    font-size: 16px;
}

/*****old fonts******/

h1, h2, h3, h4, h5, h6{
    margin:0px;
    padding:0px;
    margin-bottom:24px;
    color: #333;
    /*color:#48294f;*/
    font-weight:200;
}

/*h1 {font-size:1.7em;}
h2 {font-size:1.5em;}
h3 {font-size:1.3em;}*/

h4{
    margin: 0 0 0 0;
    color: #b4b4b4;
    /*font-size: 0.813em;*/
    font-weight: bold;
    text-transform: uppercase;
}

h4 .icon{
    width:24px;
    height:24px;
}

h4 .icon.small-icon{
    margin-top: 3px;
    float: right;
    fill: #29A7DF;
    width: 16px;
    height: 16px;
}

/*h5 {font-size:1em; }*/

a,p,ol,ul,dl{
    margin:0px;
    padding:0px;
}

ul,dl{
    margin-bottom:24px;
    list-style:none;	
}

ul ul, dl dl{
    margin-left:12px;
    margin-bottom:6px;
}

ul.editor-menu li{
    line-height:26px;
}

ol{
    margin: 0 0 20px 24px;
}

a{
    color:#29a7df;
    text-decoration:none;
}

p{ 
    margin-bottom:24px;
    color:#777;
}

p + ul, p + dl{
    list-style:inherit;
    margin:0 0 24px 0;
    padding:0 0 0 18px; 
}

.bg-gradient h1,
.bg-solid h1,
.bg-gradient h2,
.bg-solid h2,
.bg-gradient h3,
.bg-solid h3,
.bg-gradient h4,
.bg-solid h4,
.bg-gradient h5,
.bg-solid h5,
.bg-solid a,
.bg-solid p,
.bg-solid ol,
.bg-solid ul,
.bg-solid dl{
    color:#fff;
}

.slogan{	
    opacity:0.5;
    margin:0px;
    padding:1.25em 0em 2.75em 0em;

    color:white;
    font-size:1.938em;	
    font-weight:200;
    font-style:italic;
    text-align:center;
}

.copyright{
    opacity:0.5;
    margin:0px;
    padding:0px;
    color:white;
    font-size:0.813em;
}

a.footer_legal{
    color: #fff;
  float:right;
  margin-right:10px;

    font-size: 0.9em;
    opacity:0.5;
}

.Selected {
    font-weight:bold;
}

.font-white,
.font-white a,
.font-white p {
    color:white;
}

.font-purple,
.font-purple a,
.font-purple p {
    color:#48294f;
}

.font-grey,
.font-grey a,
.font-grey p {
    color:#b4b4b4;
}    

.font-lightgrey, 
.font-lightgrey a, 
.font-lightgrey p {
    color:#777777;
}

.font-small {
    font-size:90%;
}

.font-big {
    font-size:110%;
}

.font-extra-big {
    font-size:120%;
}

/***temporary hovers****/
/********they should be "a" or "p" and wear class "link" or "company" or "url" ***/

.col-x3-2 p a:hover,
.col-x3-3 p a:hover,
.col-x3-2 a h1:hover,
.col-x3-2 a h2:hover,
.col-x3-2 a h3:hover,
.col-x3-2 a span:hover,
.col-x3-3 a:hover h1,
.col-x3-3 a:hover h2,
.col-x3-3 a:hover h3,
.asset-links a:hover,
.nav-companies ul li a:hover,
.nav-title input:hover,
.nav-title a:hover,
.eventslist a:hover,
#nav_bajosearch ul li a:hover,
#nav_undersearch ul li a:hover,
.buttons_line h1 a:hover,
.col-x3-1 ul li + ul li a:hover,
.col-x3-1 ul li.icon-plus a:hover,
.joboffers a span.jobdescript:hover,
#events li a span.event:hover,
#main div.tooltip ul li a:hover,
#main div.tooltip ul + ul li a:hover,
.tool.tool-36 .tool-suppliers ul li a span.link:hover,
#search-assets article.entry .entry-right h2:hover a, .searchConfigurator article.entry .entry-right h2:hover a{
    text-decoration: underline;
}

.nav-title h3:hover,
.list-grid li a:hover h2,
.list-grid li a:hover span,
#blog_posts .col80 .post_text:hover,
li.responsive50blog a:hover span,
.asset-related .entry a:hover span,
.entry a:hover span.asset-related-date,
.tool-rfqs a:hover span.number_rfqs,
.tool-rfqs a:hover span.country,
.joboffers a:hover span,
#events li a:hover span,
.tool-suppliers li a:hover span.country,
li.supplier-contact a:hover,
li.supplier-contact a:hover span,
.tool-innovations a:hover h3{
    text-decoration: none;
}

#main div.supplier-info ul li.supplier-contact:hover,
.button:hover{
    background: #48294F;
}

/**home**/

#latestUpdates {
    width: 100%;
    height: auto;
}

#latestUpdates .container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

#latestUpdates h2 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 50px;
    color: #666;
}

.latestUpdates{
    width: 100%;
    height: auto;
    overflow: auto;
    background: #f9f9f9;
    padding: 50px 0;
}

.latestUpdates ul li {
    float: left;
    width: 50%;
    padding: 0 20px;
    margin-bottom: 20px;
}

.latestUpdates ul li.firstUpdate {
    width: 100%;
    margin-bottom: 50px;
}

.latestUpdates ul li.firstUpdate .thumbImg {
    float: left;
    width: 140px;
    height: 140px;
    background: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.latestUpdates ul li.firstUpdate .text {
    float: right;
    width: calc(100% - 160px);
}

.latestUpdates ul li.firstUpdate .text h3 {
    font-size: 24px;
}

.latestUpdates ul li.firstUpdate .text p,
.latestUpdates ul li .text p {
    margin: 0;
    line-height: 130%;
    text-align: justify;
    color: #777;
}

.latestUpdates ul li h3{
    font-weight: 600;
    color: #492950;
    font-family: "Droid Serif";
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 10px;
}

.latestUpdates ul li .thumbImg {
    float: left;
    width: 100px;
    height: 100px;
    background: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.latestUpdates ul li .text {
    float: right;
    width: calc(100% - 120px);
}

/******/

.videoHome{
    width: 100%;
    height: auto;
    overflow: auto;
    background: #282828;
    padding: 50px 0;
}

video {
    background: #464646;
    width: 100%;
    height: auto;
}

.wrapperHome{
  width: 80%;
  max-width: 1280px;
  margin: 0 auto;
}

#asset.supplier-portals p.link, #asset.supplier-portals p.company, #asset.supplier-catalogs p.link, #asset.supplier-catalogs p.company,  #asset.supplier-innovations p.link
{

text-align:center;
}


#searchsub
{
	width: 50%;
	float: right;
	
}

#resultControl
{
	width: 100%;
	
}

#resultControl div.half:first-child
{
	padding-top: 15px;
}

#resultControl span, #resultControl ul, #resultControl li
{
	float: left;
}

#resultControl ul li, #resultControl span
{
	
	
	margin-right: 15px;
	
}

/*****/

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

  .wrapperHome {
    width: 90%;
  }

}

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

   .latestUpdates ul li.firstUpdate .text h3{
      float: none;
   }

   .latestUpdates ul li.firstUpdate .text p{
       margin-left: -160px;
   }

   .latestUpdates ul li .text {
     width: 100%;
   }

   .latestUpdates ul li h3 {
     float: right;
     width: calc(100% - 120px);
    }

  .latestUpdates ul li {
    width: 100%;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #eee;
  }

  .latestUpdates ul li.firstUpdate{
     margin-bottom: 20px;
  }

  .latestUpdates ul li.firstUpdate .text p, 
  .latestUpdates ul li .text p {
    margin-top: 10px;
  }

}


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


     #header #nav-main{  width: 150px;}

.desktop-page #header div.submenu {
    right: auto!important;
}

  .latestUpdates ul li.firstUpdate .text {
    float: right;
    width: 100%;
    padding: 0;
  }

   .latestUpdates ul li.firstUpdate .text p {
    margin-left: 0;
   }

  .latestUpdates ul li.firstUpdate .text p, 
  .latestUpdates ul li .text p {
    margin-top: 0;
  }

  .latestUpdates ul li .thumbImg {
    display: none;
  }

.latestUpdates ul li .text,
.latestUpdates ul li h3{
    width: 100%;
    padding: 0;
}


}

/******columns*******/

.left{float: left;}

.right{float: right;}

.width50{width: 50%;}

.col4{
    float: left;
    width: 21%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 30px;
    text-align: center;
}

.col20{
    float: left;
    width: 150px;
    min-height:150px; 
    max-height:150px;
    overflow:hidden;  
    text-align: center;
    border: 1px solid #eee;
}

.col80{
    float: left;
    width: calc(100% - 150px);
    padding-left: 15px;
}

.responsive20{
    float: left;
    width: 25%;
}

.responsive80{
    float: left;
    width: 75%;
}

.col121{width: 98%;} /*small news right column */

.col2121{width: 48%;} /* small news center column*/

.col321{width: 31.333%;} /*jobs, visit repots, videos*/

.col4321{width: 23%;} /*supplier members, buy, webs, rfqs */

.col5432{width: 18%;} /*supplier guests, buy, webs*/

.col6543{width: 14.6%;} /*3D, gallery */

/*****general new style****/

.link:hover,
.url:hover{
    text-decoration: underline;
}

p.link{
    line-height: initial;
}

.url{
    color: #00aff2;
}

.company{
    color: #00aff2;
    text-transform: capitalize;
    line-height: initial;
}

.company:hover{
    text-decoration: underline;
}

.member .company{
    position: relative;
    overflow: hidden;
    margin: 0 0 12px 0;
    border-bottom: 1px solid #d6d6d6;
    text-align: center;
    height: 90px;
    color: #482952;
}

.member p.company {
    color: transparent;
}

.member .company img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    max-height: calc(100% - 24px);
    padding: 10px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
}

.guest .company{
    min-height: 60px;
    line-height: 100%;
    color: #482952;
    font-weight: 600;
    vertical-align: middle;
    padding-top: 15px;
}

.date{
    color: #492950;
    font-weight: bold;
    text-transform: uppercase;
}

.dates{
    color: #492950;
    font-weight: bold;
    text-transform: uppercase;
}

.country{
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 5px 5px 5px 32px;
    height: auto;
    line-height: 100%;
    text-align: center;
    min-height: 24px;
}

.country img{
    position: absolute;
    top: 12px;
    left: 0px;
    width: 24px;
    height: 24px;
    min-height: 24px;
    margin: -12px 0 0 0;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.image{
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 0 12px 0;
    /*background: #ebe1ea;*/
}

img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.color_company_box {
    width: 100%;
    background: #917f95;
    color: #fff;
    line-height: 15px;
    display: block;
    height: initial;
    padding: 24px 12px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.color_company_box p {
    padding: 0 6px;
    vertical-align: middle;
    margin-bottom: 0;
}

.color_company_box a {
    padding: 4px 0!important;
    margin: 0;
}

/*****old general style*********/

*,
*::before,
*::after {
    box-sizing:border-box;
    outline:none;    
}

.half{
    float:left;
    width:50%;
}

.clearer{
    clear:both;
}

.clearfix:after{
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}

input:-webkit-autofill, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill, 
textarea:-webkit-autofill:focus {
    -webkit-background-color:transparent; 
    -webkit-box-shadow:0 0 0 50px white inset;
    -webkit-text-fill-color:#777;
}

hr {
    display:block; 
    width:80%;
    height:1px;
    margin: 0em auto 3em auto;
    border:0; 
    border-top:1px solid #e2e2e2	
}

#wrapper {
    position:relative;
    top:0%; left:0%;
    min-height:100%;
    margin:0px auto -60px;
}

.container {
    margin:0px auto 0px auto;
    padding:0px 12px 0px 12px;	
}

#main {
    padding:99px 0 84px 0;
}

#main.no-aside { 
    padding:75px 0px 60px 0px;
    background-color:#fbfbfb;
}

#header.home + #main {
    padding:0px 0px 40px 0px;
   overflow: auto;
}


#header.home h2
{
     font-size:14px;
}

.view-on-map{
    border:none;
    border-left: 1px solid #d6d6d6;
    height:20px;
    margin-top:0px
}

hr.dashed_line{
    display: block;
    height: 10px;
    border: 0;
    width: 100%;
    border-top: 1px dashed #bbb;
    margin-bottom: 0;
}

.visible{
    display:block!important;/*need*/
}

.overflow-hidden {
    overflow:hidden;
}

.colums-2 {
    -webkit-column-count: 2; 
    -moz-column-count: 2;
    column-count: 2;

    -webkit-column-gap: 48px; 
    -moz-column-gap: 48px;
    column-gap: 48px;
}

div#overlay {
    display:none;
    position:absolute;
    top:0px; left:0px; z-index:30;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.8);
}

.clearer {
    clear:both;
}

.clear::after {
    display:block;
    clear:both;
    content:"";
}

.notification {
    color:white;
    font-size:1.125em;
}

.error {
    font-size:1em;
    text-align:left;
}

.error,
.field-required {
    color:#d21c5c !important;/*need*/
}

#site-contact .success{
    color:#018539!important;/*need*/
    font-size: 1.3em!important;/*need*/
}

.success {
    color:#018539!important;/*need*/
    font-size: 1.3em!important;/*need*/
}

.profile-message {
    display: inline-block;
    width: auto;
    height: 36px;
    margin:0px 12px 9px 0px;
    padding: 0px 18px;
    border: none; 

    font-size: 0.750em;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 36px;
}

.profile-message.success {
    padding-left:42px;
    background-color:#d8e6d9;
    background-size:22px 22px;
    background-image:url("../images/icons/updated.svg");
    background-position:12px center; 
    background-repeat:no-repeat;

    color:#358045;
}

.profile-message.error {
    background-color:#f9e0db; 
    color:#dd4727;
}

.mobile {
    display:none;
}

.message-box {
    display:none;	
    width:100%;
    height:auto;
    text-align:center;
}

.message-box-fixed {
    position:fixed;
    top:0px; left:0px; z-index:20;
}

.message-box p {	
    display:inline-block;
    position:relative;
    margin:0px;
    padding:12px 54px 12px 24px;

    font-size:0.750em;
    font-weight:bold;
    text-align:left;
    text-transform:uppercase;
}

.hide {
    display:none;
}

.left {
    float:left;
}

.right {
    float:right;
}

.clear-left{
    clear: left;
    float: left;
}

.large-separation > h3,
.large-separation > h4 {
    padding:24px 12px 12px 12px;
}

.large-separation .left {
    padding-right:24px;
}

.large-separation .right {
    padding-left:24px;  
}

.left .container,
.right .container,
.large-separation .left .container,
.large-separation .right .container {
    padding:0px 12px;
}

.center {
    margin:auto;
    text-align:center;	
}
.scrollable {
    overflow:hidden;
    overflow-y:auto;
    height:100%;
}

.logo {
    display:block;
    width:100%;
    max-width:720px;
}

.logo.tiny {
    width:calc(80% - 150px);
    max-width:324px;
    height:100%;
}

.logo.small {
    width:60%;
    max-width:288px;
}

.logo.small img {
    max-height:inherit;
}

.logo img {
    max-height:80%;
}

#CookieNotificationClose {
    position:absolute;
    top:50%; right:12px;
    width:32px;
    height:32px;
    margin-top:-16px;
    cursor:pointer;
}

#CookieNotificationClose * {
    width:100%;
    height:100%;
    fill:white;
}

.mobile-nav-icon
{
    position:relative;
    width:30px;
    height:30px;
    margin:10px 0px;
    margin-right:12px;
}

.mobile-nav-icon span.lines {
    position:absolute;
    top:50%; left:0px;
    width: 30px;
    height: 2px;
    margin-top:-1px;
    background: #999;
    border-radius:2px;
    transition: 0.3s;	
}

.mobile-nav-icon span.lines:after{
    top:-8px;
}

.mobile-nav-icon span.lines:before{
    top:8px;
}

.mobile-nav-icon span.lines:before, 
.mobile-nav-icon span.lines:after {
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #999;
    border-radius:2px;
    transition: 0.3s;
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin:2px center;
    transform-origin:2px center;
}

.trigger-nav .mobile-nav-icon span.lines{
    background:transparent;
}

.trigger-nav .mobile-nav-icon span.lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

.trigger-nav .mobile-nav-icon span.lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
} 

.trigger-nav .mobile-nav-icon span.lines:before, 
.trigger-nav .mobile-nav-icon span.lines:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
}

.tooltip article.entry.clear {
    padding: 0 0 30px 0;
}

time {
    color:#777;
    /*font-size:0.813em; old*/
    font-weight:bold;
    text-transform:uppercase;
}

time img {
    width:24px;
    height:24px;
    margin:-2px 6px 0 0;
}

time.left {
    margin-left: 10px;
}

blockquote {
    margin:1em 20px;

    font-size:110%;
}

blockquote p {
    color:#555;
    font-weight:bold;
    font-style:italic;
}

/*****header*******/

#header {
    position:fixed;
    top:0px; left:0px; z-index:10;
    width:100%;
    height:75px;
    line-height:75px;
}

#header div.container {
    height:100%;
}

#header.home {
    position:relative;
    height:648px;
    line-height:inherit;
}

#header.home div.container {
    position:absolute;
    top:0px; left:0px; z-index:10;
    width:100%; 
    height:100%;
}

#header #header-bg {
    position:absolute;
    top:0px; left:0px; z-index:9;
    width:100%;
    height:100%;
}

#header.home .logo {
    margin-top:2em;
}

#header.home nav.nav-primary {
    text-align:center;
}

#header.home nav.nav-primary ul {
    display:inline-block;
    text-align:center;
}

#header.home nav.nav-primary ul li {
    display:inline-block;
    float:none;
    margin:0px;
    padding:6px 12px;
}

#header.small h1 {
    height:40px;
    margin:0px;
    text-align:right;
    line-height:40px;
}

#header.small nav.nav-primary {
    height:35px;
    line-height:35px;
}

#header div.submenu {
    position:absolute;
    top:0px; right:174px;
    width:auto;
    height:75px;
}

#header.webpac-user div.submenu
{
right:248px;
}

.desktop-page #header div.submenu {
    right:99px;
}
.desktop-page #header.webpac-user div.submenu {
    right:170px;
}


/***/

.my_isalestoolkit
{
	display: none;	
}
.desktop-page #header.webpac-user nav#nav-main.right
{
	  margin-right: 0px;

}
#header.webpac-user nav#nav-main.right
{
	margin-right:150px;
}
#header.webpac-user div.submenu
{
	right: 174px;
}
.submenu-nav
{
	right:0;	
}
.nav-main
{
	margin-right:0;
}
.desktop-page #header.webpac-user div.submenu
{
	right: 99px;
	
}

/***/

#header div.submenu h1,
#header div.submenu h2 {
    display:block;
    width:100%;
    margin:0px;
    padding:0px;
    font-size:1.8em; /*no tocar*/
    text-align:right;
}

#header div.submenu.submenu-nav h1,
#header div.submenu.submenu-nav h2 {
    height:40px;
    font-size:1.4em;/*no tocar*/
    font-weight:normal; 
    line-height:50px;
    vertical-align:baseline;
}

#header div.submenu.submenu-nav nav {
    height:35px;
    line-height:25px;
    /*nuevo maria*/
    display: block;
}

#header div.submenu.submenu-nav nav ul {
    text-align:right;
}

#header div.submenu.submenu-nav nav ul li {
    float:left;
    display:inline-block;
}

#header div.submenu.submenu-nav nav ul li a {
    color:#b9a9b6;
}

#header div.submenu.submenu-nav nav ul li a.selected {
    color:white;
}

#header #trigger-main-nav {
    cursor:pointer;
    width:44px;
    height:44px;
}

#header #trigger-main-nav img {
    position:absolute;
    top:40%; 
    left:50%;
    width:36px;
    height:36px;
    margin:-11px 0 0 -11px;
}

#header #trigger-main-nav .icon.icon-nav {
    fill:#c6b7c8;
}

.headerimg_3d{
    width: 100%;
    height: 350px;
    background-image: url("../images/header3D.jpg");
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.headerimg_3d + .list-grid{
    margin-top: 350px;
}

/*******footer******/

#footer {
    overflow:hidden;
    position:relative;
    top:auto; left:0%;
    z-index:10;
    width:100%;
    height:60px;
    line-height:60px;
}

#footer div.container {
    display:inline-block;
    width:100%;
    vertical-align:middle;
}

/******desktop/main*****/


.content {
    background-color:white;
}

#tools {
    padding:2em 0em;
}

.desktop-page #tools {
    padding: 1em 0em 2em 0em;
}

.row {
    margin:0px -12px 0px -12px;
}

.col-1, .col-2, .col-3, .col-4, .col-6, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-x3-1, .col-x3-2, .col-x3-3 {
    float:left;
    position:relative;
    min-height:1px;
    padding:0px 12px 0px 12px;
}

.col-1 {width:8.333%;}
.col-2 {width:16.666%;}
.col-3 {width:25%;}
.col-4 {width:33.333%;}
.col-5 {width:41.666%;}
.col-6 {width:50%;}
.col-7 {width:58,333%;}
.col-8 {width:66.666%;}
.col-9 {width:75%;}
.col-10 {width:83.333%;}
.col-11 {width:91.666%;}
.col-12 {width:100%;}

.col-x3-1, .col-x3-2, .col-x3-3 {
    min-height:800px;
    padding:0px;
}

.col-x2-1 > div.container,
.col-x2-2 > div.container,
.col-x3-1 > div.container, 
.col-x3-2 > div.container,  
.col-x3-3 > div.container {
    padding:24px 12px;
} 

.col-x2-1 {width:264px;}
.col-x2-2 {width:calc(100% - 264px); }
.col-x3-1 {width:264px;}
.col-x3-2 {width:calc(100% - 612px);}
.col-x3-3 {width:348px;}

.width10 {width:10%;}
.width20 {width:20%;}
.width30 {width:30%;}
.width40 {width:40%;}
.width50 {width:50%;}
.width60 {width:60%;}
.width70 {width:70%;}
.width80 {width:80%;}
.width90 {width:90%;}
.width100 {width:100%;}

.rightHalf{
    margin-left: 1%;
    width: 49%;
}

.leftHalf{
    margin-right: 1%;
    width: 49%;
}

.max-width{
    max-width:1280px;
    padding:0px 24px;
}

/*****tools********/

.tool ul li{
    float: left;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 20px;
    min-height: 280px;
    position: relative;
}

.tool ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px;
    text-align: center;
}

.tool.tools-grid li a {
    width: 100%;
    display: block;
    padding: 12px;
    text-align: center;
}

.tool.tools-grid li a img {
    width: 50%;
    max-width: 60px;
    margin-bottom: 10px;
    text-align: center;
    margin: 0 auto;
}

.tool.tools-grid li a p {
    line-height: initial;
    max-width: 120px;
    margin: 0 auto;
}

.tool.tools-grid li a p span{
    display: block;
}

/******/

.tool.tool-innovations ul li,
.tool.tool-trends ul li,
.tool.tools-grid ul li{
    min-height: 0;
}

.tool.tool-innovations ul li a,
.tool.tool-trends ul li a,
.tool.tool-videos ul li a{
    padding: 0;
    height: auto;
}

.tool.tool-innovations ul li a p.link,
.tool.tool-trends ul li a p.link,
.tool.tool-videos ul li p.company,
.tool.tool-videos ul li p.link{
    margin-bottom: 10px;
}

.tool.tool-innovations ul li a img,
.tool.tool-trends ul li a img{
    width: auto;
    height: auto;
    max-width: 120px;
    max-height: 120px;
    margin: 0 0 12px 0;
    border: 1px solid #d6d6d6;
}

.tool.tool-rfqs ul li {
    min-height: 140px;
}

.tool.tool-rfqs ul li a {
    padding: 0;
    text-align: left;
    background: #EAE5EB;
}

.tool.tool-rfqs .blue_rfqs {
    background: #2AA7E1;
    padding: 15px;
}

.tool.tool-rfqs .blue_rfqs p.link {
    color: #fff;
    margin-bottom: 0;
}

.tool.tool-rfqs .grey_rfqs p.country {
    margin-top: 10px;
}

.tool.tool-rfqs .grey_rfqs {
    background: #EAE5EB;
    padding: 15px;
}

.tool.tool-rfqs .grey_rfqs p {
    margin-bottom: 0;
    height: auto;
}

.tool-rfqs li.expired{
    opacity: 0.55;
}

.expired{
    opacity: 0.55;
}

.tool.tool-events ul li {
    min-height: 0;
    border: 1px solid #d6d6d6;
}

.tool.tool-events ul li a,
.tool.tool-people ul li a{
    padding: 0;
}

.tool.tool-events ul li a .dates {
    background: #ebe9ec;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0;
}

.tool.tool-events ul li a .company img {
    max-width: 80%;
    max-height: 60px;
    vertical-align: middle;
}

.tool.tool-events ul li a .country{
    height: 24px;
}

.tool.tool-events ul li a p.link{
    margin: 0;
    padding: 24px;
    color: #333;
}

.tool.tool-videos ul li{
    margin-bottom: 50px;
}

.tool.tool-videos ul li.packstory::after {
    position: absolute;
    top: -5px;
    right: -13px;
    height: 30px;
    line-height: 30px;
    content: "Packstory";
    z-index: 1;
    background-color: #D21C5C;
    color: #fff;
    padding: 0px 10px;
    font-size: 0.8em;
    font-weight: 600;
    text-transform: uppercase;
}

.tool.tool-videos ul li.packstory::before {
    position: absolute;
    top: 25px;
    right: -13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 13px 0 0;
    border-color: rgb(165, 13, 66) rgba(210, 28, 92, 0) transparent rgb(255, 255, 255);
    content: "";
    z-index: 1;
}

.tool.tool-videos span.image-block {
    max-height: 200px;
    height: auto;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}

.tool.tool-videos .placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;

    display: none;
}

.tool.tool-videos .image {
    height: auto;
    width: 100%;
}

.tool.tool-3d ul{
    margin-top: 350px;
}

.tool.tool-gallery ul li,
.tool.tool-3d ul li,
.tool.tool-components ul li{
    padding: 0!important;
    min-height: 0;
    margin: 1%;
}

.tool.tool-gallery ul li a,
.tool.tool-3d ul li a,
.tool.tool-components ul li a{
    padding: 0!important;
    min-height: 0;
}

.tool.tool-gallery ul li a img,
.tool.tool-3d ul li a img,
.tool.tool-components ul li a img{
    text-align: center;
    width: 100%;
    height: auto;
    max-width: 125px;
    max-height: 125px;
}

.tool.tool-3d ul li a img{
    border: 1px solid silver;
}

.tool.tool-components span.id{
    display: none;
}

.tool.tool-components h2 {
    width: 100%;
    float: none;
    display: block;
    margin-bottom: 20px;
    padding-left: 24px;
    font-weight: 400;
}

.tool.tool-components ul {
    overflow: auto;
}

li.member.webpac-web::after {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    background: url("../images/icons/w.svg") center center no-repeat;
    background-size: 12px 12px;
    content: "";
}

li.member.webpac-web::before {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 48px 48px 0;
    border-color: transparent #29a8df transparent transparent;
    content: "";
}

.tool.tool-visitreports ul li,
.tool.tool-jobs ul li{
    border: 1px solid #ddd;
    min-height: 0;
}

.tool.tool-visitreports ul li a p,
.tool.tool-jobs ul li a p,
.tool.tool-people ul li p{
    margin-bottom: 10px;
}

.tool.tool-visitreports ul li a p.country{
    margin-bottom: 24px;
}

.tool.tool-visitreports ul li a .company img {
    height: 40px;
    margin: 10px 0;
    vertical-align: middle;
}

p.postedon{
    color: #ccc;
    margin-bottom: 0px!important;
}

.tool.tool-people ul li{
    border: 1px solid #ddd;
    /*min-height: 300px;*/
}

.tool.tool-people ul li p.link{
    font-weight: bold;
    color: #333;
}

.tool.tool-people ul li a .image {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    background: #ebe1ea;
    height: 180px;
}

.tool.tool-people ul li .image img:first-child, 
.tool.tool-people ul li .image .icon.icon-white {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tool.tool-people ul li .image img, 
.tool.tool-people ul li .image .icon {
    margin: 0px;
    padding: 0px;
}

.tool.tool-people ul li .country{
    text-align: left;
}

/***************/

.tool.tool-news ul li{
    float: none;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 24px 0;
    padding: 0 0 24px 0;
    border-bottom: 1px solid #d6d6d6;
}

.tool.tool-news ul li h2{
    margin: 0;
    color: #492950;
    font-family: "Droid Serif";
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 12px;
}

.tool.tool-news ul li p.company{
    display: inline-block;
    height: 22px;
    margin: 0 6px 0 0;
    padding: 0 12px 0 0;
    border-right: 1px solid #d6d6d6;
    line-height: 22px;
}

.tool.tool-news ul li span.time{
    display: inline-block;
    height: 22px;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 22px;
}

.tool.tool-news ul li .image-block {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 12px 0 24px 0;
    border: 1px solid #d6d6d6;
}

.tool.tool-news ul li .image-block .image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 101%;
    height: auto;
    max-width: initial;
    max-height: initial;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tool.tool-news ul li .image-block .placeholder {
    width: 100%;
    height: auto;
}

.tool.tool-news ul li p {
    margin: 20px 0 0 0;
    font-family: "Droid Serif";
    line-height: 130%;
    text-align: justify;
}

/********tool icons*******/

.tool .icon {
    position:relative;
    height:44px;
    padding:0 0 0 58px;
    color:#777777;
    line-height:44px;
}

.tool .icon::before {
    position:absolute;
    top:50%; left:0;
    display:block;
    width:44px;
    height:44px;
    margin:-22px 0 0 0;
    background-size:44px 44px;
    background-position:center center;
    background-repeat:no-repeat;
    content:"";
}

.tool .icon.icon-member::before { background-image:url("../images/icons/member.svg"); }
.tool .icon.icon-guest::before {background-image:url("../images/icons/guest.svg");}

/***/

.tool .icon {
    position:relative;
    padding:0 0 0 28px;
}

.tool .icon::before {
    position:absolute;
    top:50%; left:0px;
    display:block;
    width:24px;
    height:24px;     
    margin:-12px 0 0 0; 
    background-size:24px 24px; 
    background-position:center center;
    background-repeat:no-repeat;

    content:"";
}

.tool .icon.icon-1::before {background-image:url("../images/icons/tools/1.svg");}
.tool .icon.icon-2::before {background-image:url("../images/icons/tools/2.svg");}
.tool .icon.icon-3::before {background-image:url("../images/icons/tools/3.svg");}
.tool .icon.icon-6::before {background-image:url("../images/icons/tools/6.svg");}
.tool .icon.icon-7::before {background-image:url("../images/icons/tools/7.svg");}
.tool .icon.icon-11::before {background-image:url("../images/icons/tools/11.svg");}
.tool .icon.icon-13::before {background-image:url("../images/icons/tools/13.svg");}
.tool .icon.icon-14::before {background-image:url("../images/icons/tools/14.svg");}
.tool .icon.icon-15::before {background-image:url("../images/icons/tools/15.svg");}
.tool .icon.icon-16::before {background-image:url("../images/icons/tools/16.svg");}
.tool .icon.icon-17::before {background-image:url("../images/icons/tools/17.svg");}
.tool .icon.icon-18::before {background-image:url("../images/icons/tools/18.svg");}
.tool .icon.icon-19::before {background-image:url("../images/icons/tools/19.svg");}
.tool .icon.icon-20::before {background-image:url("../images/icons/tools/1.svg");}
.tool .icon.icon-1::before {background-image:url("../images/icons/tools/20.svg");}
.tool .icon.icon-22::before {background-image:url("../images/icons/tools/22.svg");}
.tool .icon.icon-23::before {background-image:url("../images/icons/tools/23.svg");}
.tool .icon.icon-26::before {background-image:url("../images/icons/tools/26.svg");}
.tool .icon.icon-27::before {background-image:url("../images/icons/tools/27.svg");}
.tool .icon.icon-36::before {background-image:url("../images/icons/tools/36.svg");}
.tool .icon.icon-39::before {background-image:url("../images/icons/tools/39.svg");}
.tool .icon.icon-43::before {background-image:url("../images/icons/tools/43.svg");}
.tool .icon.icon-44::before {background-image:url("../images/icons/tools/44.svg");}
.tool .icon.icon-52::before {background-image:url("../images/icons/tools/52.svg");}
.tool .icon.icon-53::before {background-image:url("../images/icons/tools/53.svg");}
.tool .icon.icon-54::before {background-image:url("../images/icons/tools/54.svg");}
.tool .icon.icon-56::before {background-image:url("../images/icons/tools/56.svg");}
.tool .icon.icon-83::before {background-image:url("../images/icons/tools/83.svg");}
.tool .icon.icon-84::before {background-image:url("../images/icons/tools/84.svg");}

/* ===IMAGES, LINKS, AND OTHER SALIENT FEATURES=== */
.icon-success {
    display:block;
    width:96px;
    height:96px;
    margin:0px auto 12px auto;
    fill:#368340;	
}

.logo-svg {
    max-width:100%;
    max-height:100%;
}

.logo-svg.mobile {
    width:48px;
}

.icon-gear {
    position:absolute;
    top:50%; right:0px;
    width:16px;
    height:16px;
    margin:-8px 0 0 -8px;
    fill:#b4b4b4;
}

.icon-gear:hover {
    fill:#29a7df;
}

.icon-email,
.icon-skype,
.icon-twitter,
.icon-linkedin {
    padding:0 0 0 36px;
    background-size:24px 24px;
    background-position:left center;
    background-repeat:no-repeat;
}

label.icon-email, 
label.icon-skype,
label.icon-twitter,
label.icon-linkedin {
    padding:0 0 0 26px;
}

.icon-email {
    background-image:url("../images/icons/social/email.svg");
}

.icon-skype {
    background-image:url("../images/icons/social/skype.svg");
}

.icon-twitter {
    background-image:url("../images/icons/social/twitter.svg");
}

.icon-linkedin {	
    background-image:url("../images/icons/social/linkedin.svg");
}

.icon-edit {
    width:18px;
    height:24px;
    background-size:18px 18px; 
    background-image:url("../images/icons/edit.svg");
    background-position:center center;
    background-repeat:no-repeat;
}

img {
    max-width:100%;
    max-height:100%;
    vertical-align:middle;
}

a.selected
{
    font-weight:500;
}

#pano img,
#map img,
#map-canvas img {
    max-height:none;
}

#pano p,
#map p,
#map-canvas p {
    line-height:140%;
}

#pano {
    width:100%;
    height:400px; 
}

#Region_Map {
    padding:48px 0px;
}

#Region_Map .Map_Group * {
    cursor:pointer;
}

#Region_Map .Map_Group path {
    -webkit-transition:all 500ms;
    -moz-transition:all 500ms;
    -ms-transition:all 500ms;
    -o-transition:all 500ms;
    transition:all 500ms;
}

/******news*****/

.tool .right .news:not(.news-31) .image-block {
    width:100px;
    height:100px;
}

.tool .right .news:not(.news-31) .news-left {
    width:100px;
    height:100px;
}

.tool .right .news:not(.news-31) .news-right {
    width:calc(100% - 112px);
}

.tool.tool-17 .left .container,
.tool.tool-17 .right .container {
    padding:0px;
}

.tool.tool-17 .left .container {
    padding:0 24px 0 0; 
    border-right:1px solid #d6d6d6;
}

.tool.tool-17 .right .container {
    padding:0 0 0 24px;
}

.tool .left .container .news:first-child h2 {
    font-size:2em;/*no tocar*/
    font-weight:bold;
}

.tool .news-box {
    padding:12px;
    margin:0 0 24px 0;
    background:#333;
}

.tool .news-box .news {
    padding:0px;
    border:none;
}

.tool .news-box .news footer > * {
    display:block;
    border:none;
}

.tool .news-box .news footer > .time time {
    color:rgba(250,250,250,0.5);
}

.tool .news-box .news h2 {
    color:white !important;
}

.tool .news-box .view-more span {
    background:#333;
    color:white;
}

.tool .news-box .view-more span.text {
    color:#4db9e6;
}

.tool .news { 
    position:relative;
    margin:0 0 24px 0;
    padding:0 0 24px 0;
    border-bottom:1px solid #d6d6d6;
}

.tool .news:last-child {
    margin:0;
    border:none;
}

.tool .news.news-31 .time time {
    color:rgba(250,250,250,0.5);
}

.tool .news.news-31 .image-block {
    margin:0px;
}

.tool .news.news-31 footer > * {
    border-color:rgba(250,250,250,0.2);
}

.tool .news h2 {
    margin:0;
    color:#492950;
    font-family:"Droid Serif";
    font-size:1.125em;	/*no tocar*/
    line-height:130%;
}

.tool .news p {
    margin: 20px 0 0 0;
    font-family:"Droid Serif";
    line-height: 130%;
    text-align: justify;
}

.tool .news a {
    display:block;
}

.tool .news .news-overlay {
    position:absolute;
    bottom:24px; left:0px; z-index:2;
    width:100%;
    height:100px;
    padding:12px;
    background-color:rgba(72,41,79,0.85);
}

.tool .news .news-overlay h2 {
    overflow:hidden;
    display:block;
    max-height:46px;
    color:white !important;
}

.tool .news .news-overlay header,
.tool .news .news-overlay footer {
    margin:0px;
}

.tool .news .news-overlay footer {
    position:absolute;
    bottom:12px; left:12px;
}

.tool .news > div:not(.news-left),
.tool .news > div:not(.news-right) {
    overflow:hidden;
}

.tool .news .news-left,
.tool .news .news-right {
    float:left; 
}

.tool .news .news-left {
    width:150px;
    height:150px;
    margin:0 12px 0 0;
}

.tool .news .news-right {
    width:calc(100% - 162px);
}

.tool .view-more {	
    position:relative;
    overflow:hidden;
    display:block;
    margin:0 0 24px 0;
}

.tool .view-more::after {
    position:absolute;
    bottom:7px; left:0px;
    width:100%;
    height:1px;
    background:#d6d6d6;
    content:"";
}

.tool .view-more span {
    position:relative; z-index:2;
    display:inline-block;
    height:24px;
    background:white;

    font-weight:bold;	
    line-height:24px;
    text-transform:uppercase;
}

.tool .view-more span.title {
    float:left;
    padding:0 12px 0 28px;
    color:#b5b5b5;
    font-size:0.938em;/*no tocar*/
}

.tool .view-more span.text {
    float:right;
    padding:0 0 0 12px;
    color:#48294f;
    font-size:0.875em;/*no tocar*/
}

.tool .news .company {
    color:#29a7df;
    font-weight:500;
}

.tool .news .time time {
    text-transform:none;
}

.tool .news .image-block {
    position:relative;
    overflow:hidden;
    display:block;
    margin:0 0 24px 0;
    border:1px solid #d6d6d6;
}

.tool .news .image-block .image {	
    position:absolute;
    top:50%; left:50%;
    width:101%;
    height:auto;

    max-width:initial;
    max-height:initial;

    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);  
}

.tool .news .image-block .placeholder {
    width:100%;
    height:auto;
}

.tool .news header,
.tool .news footer {
    margin:0 0 12px 0;
}

.tool .news footer > * {
    display:inline-block;
    height:22px;
    margin:0 6px 0 0;
    padding:0 12px 0 0;
    border-right:1px solid #d6d6d6;
    line-height:22px;
}

.tool .news footer *:last-child {
    margin:0;
    padding:0;
    border:none;
}

.tool ul li.guest:first-of-type{
    clear: left;
}

/*****blog******/

.responsive50blog{
    float: left;
    width: 50%;
    padding: 10px;
}

#blog_posts{
    width: 100%;
}

#blog_posts li.responsive50blog{
    float: none; 
    width: 100%; 
    height: auto;
    padding: 10px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    margin-bottom: 60px;
}

#blog_posts .responsive50blog .col20{
    float: right;
    width: 30%;
    min-height: 0;
    max-height: none;
    overflow: hidden;
    text-align: center;
    border: none;
}

#blog_posts .responsive50blog .col20 img{
    width: 100%;
    max-height: none;
    max-width: 350px;
    height: auto;
    overflow: hidden;
}

#blog_posts .responsive50blog .col80{
    float: left;
    width: 70%;
    padding: 0px 15px;
}

#blog_posts .post_title {
    font-size: 1.3em;
    color: #2d2233;
    margin: 10px 0px;
    font-weight: 500;
    line-height: 1.3em;
}

#blog_posts .col80 ul{
    width: 100%;
    padding: 0;
    margin: 10px 0;
}

#blog_posts .col80 ul li{
    display: inline-block;
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #eee;
}

#blog_posts .col80 .name{
    color: #2d2233;
}

#blog_posts .col80 .company{
    font-weight: bold;
    color: #24abd8;
}

#blog_posts .col80 .date{
    color: #777;
    font-weight: bold;
}

#blog_posts .col80 .post_text{
    line-height: 1.5em;
    color: #777;
    margin: 0;
    margin-bottom: 20px;
    display: block;
    text-align: justify;
}

.blog_comments {
    width: 15px;
    padding-top: 0;
    margin: 0;
    max-height: 15px;
    vertical-align: middle;
}

li.comment{
    list-style: none;
}

.comment span{
    color: #2d2233;
}

.comment-left {
    float: left;
    width: 60px;
    border: 1px solid #ddd;
}

.comment-right {
    float: left;
    width: calc(100% - 60px);
    padding-left: 24px;
}

.comment-right span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: initial;
}

#blog_posts .right.width40 .asset-gallery img.image{
    width: 100%;
    height: auto;
    border: 1px solid #d6d6d6;
    padding: 5px;
}

#blog_posts .right.width40 .asset-gallery img.image:hover{
    border: 1px solid #bbb;
}

/****user profile****/

#profile_user{
    overflow: auto;
    color: #777;
}

#profile_user h3{
    font-size: 0.9em; /*no tocar*/
}

#profile_user .col{
    overflow: auto;
}

#profile_user .imgprof{
    width: 100%;
    margin-bottom: 45px;
}

#profile_user .profchain{
    width: 28px;
}

#profile_user .profpersdata{
    height: 100%;
}

#profile_user .profpersdata ul li{
    margin-bottom: 5px;
}

#profile_user .profpersdata .image{
    display: block;
    width: 100%;
    position: relative;
    background-color: #ddd;
    margin-bottom: 45px;
}

#profile_user .profpersdata .image img{
    position: absolute;
    bottom: 0px;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, 0%);
    fill: grey;        
}

#profile_user .profpersdata .image .placeholder{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    display: block;
    width: 100%;
    position: relative;
}

#profile_user .iconprof{
    margin-bottom: 20px;
}    

#profile_user .iconprof li img{
    width: 20px;
    margin-right: 10px;
}

#profile_user .imgcompany{
    margin-top: 10px;      
}

#profile_user .imgcompany li{
    float: left;
    width: 31.333%;
    height: 122px;
    overflow: hidden;
    border: 1px solid #f7b96e;
    box-sizing: border-box;
    margin-right: 2%;
    margin-bottom: 40px;        
}

#profile_user .imgcompany li a {
    display:block;
    width:100%;
    height:100%;
    text-align:center;
    line-height:122px;
}

#profile_user .imgcompany li img{
    max-width:calc(100% - 50px);
    max-height:calc(100% - 24px);
    vertical-align:middle; 
}

#profile_user ul li{
    list-style: none;
    text-align: left;
    display: block;
}

#profile_user ul li a{
    color: #48284f;
}

#profile_user .name{
    padding-top: 10px;
    color: #47294f;
    font-size: 3em;/*no tocar*/
    margin-bottom: 30px;
    line-height: 1em;
}

#profile_user p{
    text-align: justify;
}

#profile_user .profession{
    font-weight: bold;
    color: #777;
}

#profile_user .company{
    color: #2aa8e2;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}  

#profile_user .description{
    line-height: 1.3em;
}  

#profile_user ul.box-list {
    margin: 9px 0px; 
}

#profile_user ul.box-list > li,
#profile ul.box-list > li{
    float:left;
    position:relative;
    display:inline-block;
    width:48px; 
    height:48px;
    margin:0 3px 3px 0;
    border:1px solid #ddd; 

    color:#888;
    font-weight:bold;
    text-align:center;
    line-height:48px; 
} 

#profile_user h2.left{
    display: block;
    width: 100%;
}

#profile_user .result{
    color: green;
}

.send_box p.field{
    text-align: left!important;/*need*/
}

.warningbox {
    border: 2px solid red;
    padding: 20px;
    text-align: center;
}

.warningbox a{
    color: #EC0303;
    font-weight: bold;
    padding: 6px 10px;
}

.treeMessage{
  background-color: green; 
  color: #fff; 
  margin: 10px;
  padding: 10px;
  text-align: center;
}

/*CSS Maria for NEW MESSAGE from user profile*/
.sendbox{
    background: #fff;
    margin: 0 auto;
    text-align: left;
    padding: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 102;
    width: 80%;
    height: auto;
    max-width: 640px;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.send_val{
    vertical-align: middle;
    width: 100%;
}

.success_send{
    color: #388849!important;
}

.error_send{
    color: #DC4079;
}

/*****inbox*****/

#userinbox{
    padding: 0;
}

.select_type_inbox{
    position: relative;
    z-index: 2;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.select_type_inbox ul li {
    float: left;
    height: 54px;
    margin: 2px 0 0 0;
    padding: 0px 18px;
    border: 1px solid;
    border-color: #d6d6d6 transparent #d6d6d6 #d6d6d6;
    background: #e2dde3;
}

.type_inbox li a {
    line-height: 56px;
    text-decoration: none;
    color: #352437;
    text-transform: uppercase;
    font-weight: bold;
}

.select_type_inbox ul li.type_inbox_active{
    height: 56px;
    margin: 0px;
    border-color: #d6d6d6 #d6d6d6 white #d6d6d6;
    background: white;
}


.inbox_company{
    font-size: 0.9em; /*no tocar*/
    padding: 10px 0;
}

/**************/

.inbox_interno{
    display: inline-block;
    padding-right: 10px;
    margin-bottom: 30px;
    margin-left: 10px;
}

.inbox_table .inbox_th th{
    font-size: 0.9em;/*no tocar*/
    color: #27b0e6;
}

.inbox_table .inbox_td td{
    padding: 10px;
    border-bottom: 1px solid #ddd;
    line-height: 1.3em;
}

.btn-newmess{
    margin-bottom: 20px;
}

.clickinbox{
    cursor: pointer;
}

.numberinbox{
    color: #f6145c;
    font-weight: bold;
}

.inboxfrom{
    color: #777!important;
}


.inboxnew{
    background: #e5f4fb;
}

.inboxnew td:first-child,
.inboxnew td:last-child {
    font-weight:bold;
}

.linegrey{
    border-top: 1px solid #ddd;
    position: relative;
    top: 55px;
}

/*when no messages*/

.empty_inbox{
    width: 100%;
    height: 200px;
    padding: 50px;
    text-align: center;
    background: #e9f6fc;
    margin-top: 100px;
    line-height: 100px;
}

.empty_inbox h2{
    text-align: center;
    vertical-align: middle;
    color: #27b0e6;
    font-weight: bold;
    font-size: 1em;/*no tocar*/
}

.inboxwhite{
    background: #fff;
}

/*put out grey and white backgrounds in INBOX*/
.inboxgrey{
    background: #fff;
}

.inboxsubject{
    color: #4e254f;
}

.action{
    position:relative;
    display:block;
    width:20px;
    height:20px;
}

.action-menu{
    position: absolute;
    top: 50%;
    right: 20px;
    width:20px;
    height: 40px;
    margin-top: -20px;
}


.action::after {
    position:absolute;
    left:50%;
    width: 0;
    height: 0;

    -webkit-transform:translate(-50%, 0);
    -moz-transform:translate(-50%, 0);
    -ms-transform:translate(-50%, 0);
    -o-transform:translate(-50%, 0);
    transform:translate(-50%, 0);

    border-style: solid;
    content:"";
}

.action.action-top::after {
    bottom:1px;
    border-width: 0 4px 6px 4px;
    border-color: transparent transparent #c2c2c2 transparent;
}

.action.action-bottom::after {
    top:1px;
    border-width: 6px 4px 0 4px;
    border-color:#c2c2c2 transparent transparent  transparent;
}

.action.action-top:hover::after {
    border-color: transparent transparent #757575 transparent;
}

.action.action-bottom:hover::after {
    border-color:#757575 transparent transparent  transparent;
}


/*CSS Maria for INBOX DETAIL*/

a.js-toggle.button {
    margin-bottom: 30px;
    color: #fff;
}

#box_reply{
    margin: 50px 0;
    padding-bottom: 30px;
    width: 100%;
}

.inboxdetailh2 h2{
    margin-bottom: 0px;
}

.inbox_detalle ul{
    margin-bottom: 20px;
}

.inbox_detalle ul li{
    margin-bottom: 0px;
    display: flex;
    /* list-style: none; */
}

.inbox_detalle ul li span{
    display: inline-block;  
    text-align: left;
}

.inbox_detalle ul li span a {
    text-decoration: none;
    display: inherit;
    width: 100%;
    color: #777;
}

.label_inboxdetalle{
    width: 22%;
    color: #39aceb;
    background: #e9f6fc;
    font-weight: bold;
    text-align: left;
    padding: 5px 10px;
    height: 36px;
    margin: 0 0 5px 5px;
}

.content_inboxdetalle{
    width: 77%;
    color: #777;
    background: #efefef;
    font-weight: lighter;
    text-align: left;
    padding: 5px 10px;
    min-height: 36px;
    margin: 0 0 5px 5px;
}
.detail_mess li a img
{
    max-width: 120px;
    max-height: 120px;
}
.label_mess{
    padding-left: 12px;
    color: #39aceb;
    font-size: 0.9em;/*no tocar*/
    font-weight: bold;
    text-align: left;
    width: 99.2%;
    height: 36px;
    background-color: #E9F6FC;
    padding: 5px 10px;
    display: block;
}

.detail_mess{
    width: 99.2%;
    padding: 20px;
    background: #efefef;
    color: #777;
    display: block;
    margin-bottom: 30px;
    font-size: 0.9em;/*no tocar*/
}

/******search*******/

#search {
    position:relative;
    width:70%;	 
    max-width:650px;
    margin:0em auto 2em auto;
}

#search > * {
    position:relative;
}

#search p {
    margin:0px;
    padding:0px 48px;

    color: #777;
    text-align:center;
    font-size: 0.875em;/*no tocar*/
}

#search input {	
    height:60px; 	
    padding:0px 60px 0px 24px;
    font-size:1.875em;/*no tocar*/

    box-sizing:border-box;
}

#search .icon-search {
    fill:#502250;
}

.col-x3-2 #search {
    margin:auto; 
}

.col-x3-2 #search input { 
    height: 48px;
    padding: 0px 48px 0px 12px;
    font-size: 1em;/*no tocar*/
    border: 1px solid #d6d6d6;
    box-shadow: none;
}

.col-x3-2 #search + nav {
    margin:18px 0 0 0;
}

#search button {
    position:absolute;
    top:50%; right:0px;
    width:60px;
    height:60px;
    margin:0px;
    padding:0px;	
    border:none;
    background:none;

    -webkit-transform:translate(0, -50%);
    -moz-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    -o-transform:translate(0, -50%);
    transform:translate(0, -50%);
}

#search button .icon {
    position:absolute;
    top:50%; left:50%;
    width:50%;
    height:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}

#nav_undersearch{
    text-align: center;
}

#nav_bajosearch,
#nav_undersearch {
display:none!important;
}

/***/

#search-assets div.nav-title::before, .searchConfigurator div.nav-title::before {
    position:absolute;
    bottom:0px; left:0px; z-index:1;
    width:100%;
    height:1px;
    background:#e1e1e1;
    content:""; 
}

#search-assets div.nav-title h3, .searchConfigurator div.nav-title h3
{
    margin-bottom:22px;
}

#search-assets article.entry, .searchConfigurator article.entry {
    overflow:hidden;
    float:left;
    width:50%;
    margin:0 0 24px 0;
    padding:0 24px 0 0;   
    height: auto;
}

#search-assets article.entry a, .searchConfigurator article.entry a {
    display:block;
}

#search-assets article.entry .entry-left, .searchConfigurator article.entry .entry-left {
    width:100px;
    margin:0 24px 0 0;
}

#search-assets article.entry .entry-left a, .searchConfigurator article.entry .entry-left a {
    width:100%;
}

#search-assets article.entry .entry-left a img, .searchConfigurator article.entry .entry-left a img {
    width:100%; 
    height:auto;
}

#search-assets article.entry .entry-right, .searchConfigurator article.entry .entry-right {
    width:calc(100% - 124px);
}

#search-assets article.entry .entry-right h2, .searchConfigurator article.entry .entry-right h2 {
    margin:0px;
    padding:0px;

    font-size:0.813em;		
}

#search-assets article.entry .entry-right h2 a, .searchConfigurator article.entry .entry-right h2 a {
    /*color:#777;*/	
    font-weight:bold;
}

#search-assets article.entry .entry-right h3, .searchConfigurator article.entry .entry-right h3 { 
    margin-bottom:6px;
    color:#48284d;
    font-size:1em;
    font-weight:bold;
    overflow:hidden;  
    max-height: none;
    line-height: initial;
}

#search-assets article.entry .entry-right p.entry-description, .searchConfigurator article.entry .entry-right p.entry-description { 
    overflow:hidden;
    font-size:0.813em;
    max-height: none;
    line-height: initial;
}



/***/

#search-result a.icon-more {
    position:relative;
    display:inline-block;
    padding:0 0 0 18px;
    color:#29a7df;
}

#search-result a.icon-more::before {
    position:absolute;
    top:50%; left:0px;
    width:12px;
    height:12px;
    background-size:12px 12px;
    background-image:url("../images/icons/more-unselected.svg");
    background-position:left center;
    background-repeat:no-repeat; 

    -webkit-transform:translate(0, -50%);
    -moz-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    -o-transform:translate(0, -50%);
    transform:translate(0, -50%);

    content:"";
}

#search-assets .nav-title , .searchConfigurator .nav-title {
    overflow:visible;
}

#search-assets ul.switch li:hover::before, .searchConfigurator ul.switch li:hover::before{
    position: absolute;
    top: -2px;
    right: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0px 6px;
    border-color: #29A7DF transparent transparent transparent;
    content: "";
    z-index: 1;
}

/*****packtags******/

.packtags-right {
    background-color:#fbfbfb;
}

ul.packtags-list {
    overflow:hidden;
    padding:0 0 0 0;
}

ul.packtags-list li p:hover{text-decoration: none; margin-bottom: 0;}
ul.packtags-list li a:hover{text-decoration: underline;}

ul.packtags-list li,
nav.packtagAddMenu li {
    position:relative;
    float:left;
    height:24px;
    margin:6px 18px 0 0!important;
    padding:0px;    
    background:none;
}

ul.packtags-list li::after,
nav.packtagAddMenu li::after {
    position:absolute;
    top:0px; right:-10px; 
    width:0px;
    height:0px;
    border-style:solid;
    border-width:12px 0 12px 10px;
    content:"";
}

ul.packtags-list li a,
nav.packtagAddMenu li a,
ul.packtags-list li p,
nav.packtagAddMenu li p,
nav.packtagAddMenu li span {
    float:left;
    position:relative;
    display:block;
    height:100%;
    padding:0px 16px 0 6px;

    color:white;
    /*font-size:0.9em;/*eran 0.750em*/
    line-height:24px;
}

nav.packtagAddMenu li a.expand {
    overflow:hidden;
    position:relative;
    top:0px; left:0px;
    width:24px; 
    height:24px;
    margin:0px;
    padding:0px;	
    border-right:2px solid white;
    box-sizing:initial;

    text-indent:-999px;
}

nav.packtagAddMenu li.active a.expand::before {
    display:none;
}

nav.packtagAddMenu li a.expand::before,
nav.packtagAddMenu li a.expand::after {
    position:absolute;
    top:50%; left:50%;
    width:2px;
    height:12px;

    background-color:white;

    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);

    content:"";
}

nav.packtagAddMenu li a.expand::after {
    width:12px;
    height:2px;
}

ul.packtags-list li.active a,
ul.packtags-list li.active p{
    font-weight:bold;
}

ul.packtags-list li p{
    font-size: 1em;
    color: #fff;
}

ul.packtags-list li a.remove,
ul.packtags-list li p.remove{ 
    overflow:hidden;
    position:absolute;
    top:0px; right:0px;
    float:right; 
    display:block;
    width:12px;
    height:24px;    
    padding:0px;
    background-size:12px 12px;
    background:url("../images/icons/remove-tag.svg") no-repeat center center;
    text-indent:-9999px;
}

#packtags-set .packtags-bar {
    padding:0 0 24px 0;	
}

#packtags-set .packtags-bar + div + .packtags-bar {
    padding:24px 0 0 0;
}

ul.packtags-list li.remove { background:#333333; } .remove::after { border-color:transparent transparent transparent #333333; }
ul.packtags-list li.packtag-id-1 { background:#ed145b; } .packtag-id-1::after { border-color:transparent transparent transparent #ed145b; }
ul.packtags-list li.packtag-id-2 { background:#f26422; } .packtag-id-2::after { border-color:transparent transparent transparent #f26422; }
ul.packtags-list li.packtag-id-3 { background:#01a2aa; } .packtag-id-3::after { border-color:transparent transparent transparent #01a2aa; }
ul.packtags-list li.packtag-id-4 { background:#a1a1a1; } .packtag-id-4::after { border-color:transparent transparent transparent #a1a1a1; }
ul.packtags-list li.packtag-id-5 { background:#9856a6; } .packtag-id-5::after { border-color:transparent transparent transparent #9856a6; }
ul.packtags-list li.packtag-id-6 { background:#84bb3b; } .packtag-id-6::after { border-color:transparent transparent transparent #84bb3b; }
ul.packtags-list li.packtag-id-7 { background:#f7941d; } .packtag-id-7::after { border-color:transparent transparent transparent #f7941d; }

nav.packtagAddMenu.packtag-regions li.level2 { background:none; background:#ed145b; } nav.packtagAddMenu.packtag-regions li.level2::after { border-color:transparent transparent transparent #ed145b; }
nav.packtagAddMenu.packtag-regions li.level3 { background:none; background:#ee5486; } nav.packtagAddMenu.packtag-regions li.level3::after { border-color:transparent transparent transparent #ee5486; }
nav.packtagAddMenu.packtag-regions li.level4 { background:none; background:#ed7da3; } nav.packtagAddMenu.packtag-regions li.level4::after { border-color:transparent transparent transparent #ed7da3; }

nav.packtagAddMenu.packtag-services li.level2 { background:none; background:#6ca520; } nav.packtagAddMenu.packtag-services li.level2::after { border-color:transparent transparent transparent #6ca520; }
nav.packtagAddMenu.packtag-services li.level3 { background:none; background:#84bb3b; } nav.packtagAddMenu.packtag-services li.level3::after { border-color:transparent transparent transparent #84bb3b; }
nav.packtagAddMenu.packtag-services li.level4 { background:none; background:#99c75b; } nav.packtagAddMenu.packtag-services li.level4::after { border-color:transparent transparent transparent #99c75b; }

nav.packtagAddMenu.packtag-components li.level2 { background:none; background:#00a4aa; } nav.packtagAddMenu.packtag-components li.level2::after { border-color:transparent transparent transparent #00a4aa; }
nav.packtagAddMenu.packtag-components li.level3 { background:none; background:#1eb2b6; } nav.packtagAddMenu.packtag-components li.level3::after { border-color:transparent transparent transparent #1eb2b6; }
nav.packtagAddMenu.packtag-components li.level4 { background:none; background:#3fcacd; } nav.packtagAddMenu.packtag-components li.level4::after { border-color:transparent transparent transparent #3fcacd; }

nav.packtagAddMenu.packtag-markets li.level2 { background:none; background:#f36523; } nav.packtagAddMenu.packtag-markets li.level2::after { border-color:transparent transparent transparent #f36523; }
nav.packtagAddMenu.packtag-markets li.level3 { background:none; background:#f5844a; } nav.packtagAddMenu.packtag-markets li.level3::after { border-color:transparent transparent transparent #f5844a; }
nav.packtagAddMenu.packtag-markets li.level4 { background:none; background:#f2996f; } nav.packtagAddMenu.packtag-markets li.level4::after { border-color:transparent transparent transparent #f2996f; }

nav.packtagAddMenu.packtag-materials li.level2 { background:none; background:#9956a6; } nav.packtagAddMenu.packtag-materials li.level2::after { border-color:transparent transparent transparent #9956a6; }
nav.packtagAddMenu.packtag-materials li.level3 { background:none; background:#ac78b8; } nav.packtagAddMenu.packtag-materials li.level3::after { border-color:transparent transparent transparent #ac78b8; }
nav.packtagAddMenu.packtag-materials li.level4 { background:none; background:#c19ac9; } nav.packtagAddMenu.packtag-materials li.level4::after { border-color:transparent transparent transparent #c19ac9; }

nav.packtagAddMenu.packtag-machinery li.level2 { background:none; background:#828282; } nav.packtagAddMenu.packtag-machinery li.level2::after { border-color:transparent transparent transparent #828282; }
nav.packtagAddMenu.packtag-machinery li.level3 { background:none; background:#9d9d9d; } nav.packtagAddMenu.packtag-machinery li.level3::after { border-color:transparent transparent transparent #9d9d9d; }
nav.packtagAddMenu.packtag-machinery li.level4 { background:none; background:#b6b6b6; } nav.packtagAddMenu.packtag-machinery li.level4::after { border-color:transparent transparent transparent #b6b6b6; }

nav.packtagAddMenu.packtag-volume li.level2 { background:none; background:#f7941d; } nav.packtagAddMenu.packtag-volume li.level2::after { border-color:transparent transparent transparent #f7941d; }
nav.packtagAddMenu.packtag-volume li.level3 { background:none; background:#f9a94a; } nav.packtagAddMenu.packtag-volume li.level3::after { border-color:transparent transparent transparent #f9a94a; }
nav.packtagAddMenu.packtag-volume li.level4 { background:none; background:#f9bf76; } nav.packtagAddMenu.packtag-volume li.level4::after { border-color:transparent transparent transparent #f9bf76; }

nav.packtagAddMenu li.level2 { background:none; background:#828282; } nav.packtagAddMenu li.level2::after { border-color:transparent transparent transparent #828282; }
nav.packtagAddMenu li.level3 { background:none; background:#9d9d9d; } nav.packtagAddMenu li.level3::after { border-color:transparent transparent transparent #9d9d9d; }
nav.packtagAddMenu li.level4 { background:none; background:#b6b6b6; } nav.packtagAddMenu li.level4::after { border-color:transparent transparent transparent #b6b6b6; }

/*******icons*******/



/*****buttons*****/

.button {
    display:inline-block;
    width:auto;
    height:36px;
    margin:0 6px 0 0;
    padding:0px 18px;
    border:none;
    background-color:#29a7df;

    color:#fff!important;/*need*/
    font-size:0.750em;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;
    line-height:36px;
    text-decoration: none;
}

.button.right {
    margin:0 0 0 6px;
}

.button.button-triangle {
    position:relative;
    margin:0 12px 12px 0;
}

.stepped-finish {
    position: relative;
    right: 42%;
    top: 80px;
}

.stepped-prev {
    position: absolute;
    left: 0;
    float: none!important;/*need*/
    display: block;
}

.button.stepped-next::after {
    position:absolute;
    top:0px; 
    right:-12px;
    width:0;
    height:0;
    border-style:solid;
    border-width:18px 0 18px 12px;
    border-color:transparent transparent transparent #29a7df;
    content:"";
}

.button.stepped-prev::before {
    position:absolute;
    top:0px; 
    left:-12px;
    width:0;
    height:0;
    border-style:solid;
    border-width:18px 12px 18px 0;
    border-color:transparent #29a7df transparent transparent;
    content:"";
}

.button-profile {
    position:relative;
    padding-right:48px!important;
    background-color:rgba(255,255,255,0.2);
    font-weight:200;
    text-transform:none;
}

.button-profile .avatar {
    overflow:hidden;
    display:block;
    position:absolute;
    top:0px; right:0px;
    width:36px;
    height:36px;
    background-color:white;
} 

.button-profile .avatar * {
    width:37px;
    height:37px;
    vertical-align:inherit;
}

.button-profile .avatar .icon {
    fill:#ff9201;
}

.loginlink.my_isalestoolkit
{
    background: rgba(2,155,171,1);
background: -moz-linear-gradient(45deg, rgba(2,155,171,1) 0%, rgba(1,178,152,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(2,155,171,1)), color-stop(100%, rgba(1,178,152,1)));
background: -webkit-linear-gradient(45deg, rgba(2,155,171,1) 0%, rgba(1,178,152,1) 100%);
background: -o-linear-gradient(45deg, rgba(2,155,171,1) 0%, rgba(1,178,152,1) 100%);
background: -ms-linear-gradient(45deg, rgba(2,155,171,1) 0%, rgba(1,178,152,1) 100%);
background: linear-gradient(45deg, rgba(2,155,171,1) 0%, rgba(1,178,152,1) 100%);
}


.big {
    height:48px;
    font-size:1em;
    line-height:48px;
}

.full-width {
    display:block;
    width:100%;
}

.button-login {
    position:relative;
    padding-right:54px!important;
}

.button-register::after {
    content:attr(data-text1);
}

.button-login .avatar {
    position:absolute;
    top:0px; right:0px;
    width:36px;
    height:36px;
    background-color:white;
    content:"";
}

.button-login .avatar img {
    position:absolute;
    bottom:0px; left:50%;
    width:32px; 
    height:32px; 

    fill:#998096;

    -webkit-transform:translate(-50%, 0);
    -moz-transform:translate(-50%, 0);
    -ms-transform:translate(-50%, 0);
    -o-transform:translate(-50%, 0);
    transform:translate(-50%, 0);
}

.button-align {
    height:36px;
    line-height:36px;
}

.yellow { 
    background-color:#f69220;
}

.button-triangle.yellow::after {
    border-color:transparent transparent transparent #f69220;
}

.orange { 
    background-color:#dd4727;
}

.button-triangle.orange::after { 
    border-color:transparent transparent transparent #dd4727;
}

.grey {
    background-color:#999;
}

.button-triangle.grey::after {
    border-color:#999 transparent transparent transparent ;
}

.purple {
    background-color:#51244f;
}

.button-triangle.purple::after {
    border-color:transparent transparent transparent #51244f;
}

.button:hover{background-color: #492950;}

#header.home .nav-secondary ul li:hover a.button-login, 
#login-form a.button.yellow:hover, 
#confirm-email input.button:hover,
#register-form .button.yellow:hover{
    background: #7EAA00;
}

#header.home .nav-secondary ul li:hover a.yellow, 
#login-form input.button.big:hover, 
#header.home .nav-secondary ul li:hover a.button-profile{
    background: #F5165D;
}

/***table specs**/

.asset-spec.asset-spec-general {
    width: 104%;
    position: Relative;
    left: -2%;
    overflow: auto;
}
table.table-spec.fullwidth {
 
    width: 96%;
}

.table-spec {
    border-collapse: initial;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    width: 46%;
    float: left;
    margin: 0 2% 20px 2%;
}

.table-spec tr:first-child td{
    width: 100%;
    padding: 0;
}


.table-spec tr:first-child td h2 {
    margin: 0;
    text-transform: uppercase;
    color: #fff!important;
    font-size: 1em;
    font-weight: 500;
    width: 100%;
    display: block;
    background: #482a50;
    padding: 6px 12px;
}

.table-spec tr:last-child{
   border-bottom: none;
}

.table-spec tr {
    width: 100%;
    border-bottom: 1px solid #ddd;
  display: block;
}

span.fieldName{
    font-weight: 500;
    color: #222;
}

div#asset .asset-spec .table-spec tr td ul{
  margin: 0;
}

div#asset .asset-spec .table-spec tr td ul li {
    list-style: none;
    margin: 0;
}

.table-spec tr th{
    width: 50%;
    display: inline-block;
       line-height: normal;
    text-transform: capitalize;
    color: #222;
    font-weight: 500;
    font-size: 0.9em;
}

.table-spec tr td {
    width: 50%;
    display: inline-block;
   border: none;
max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.table-spec.fullwidth tr td {

max-height: none;

}
div#asset .asset-spec table.fullwidth tr td div.core p
{
padding: 6px 0 6px 0px;
}

.table-spec tr:last-child th, 
.table-spec tr:last-child td {
    border-bottom: none;
}

/**buttons_line**/

.buttons_line{
    position: relative;
    width: 100%;
    height: auto;
    overflow: visible;
}

.buttons_line h1{
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    line-height: 120%;
    height: auto;
    margin-bottom: 5px;
}

.buttons_line .first_line{
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    height: auto;
    margin-bottom: 10px;
}

.buttons_line .left{
    float: left;
    width: 65%;
    overflow: visible;
    height: auto;
}

.buttons_line .right{
    float: right;
    width: 35%;
}

.buttons_line .second_line{
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
    height: auto;
    min-height: 0;
}

.buttons_line .second_line ul{
    margin-bottom: 0;
    margin: 0;
    display: block;
    max-height: none;
}
.buttons_line .second_line ul li.share
{
  background-color:transparent;
  padding-top:2px;
}
.buttons_line .second_line ul li{
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #fff;
    color: #555;
    max-width: 200px;
    overflow: hidden;
    max-height: 36px;
    line-height: 36px;
    height: 36px;
    background: rgba(215,215,215,0.2);
}

.buttons_line .second_line ul li.company a{
    color: #29a7df;
    font-weight: bold;
}

.buttons_line .second_line ul li.author a{
    color: #555;
}

.buttons_line .second_line ul li.asset-links a.icon.icon-link::before{
    border-left: none!important;
}

.buttons_line .second_line ul li.asset-links a.icon{
    line-height: 36px;
}

.buttons_line .second_line ul li.asset-links {
    max-width: none;
    margin: 0!important;
}

.buttons_line .second_line ul li.asset-links a{
    /*max-width: 95%;*/
    display: block;
    /*overflow: hidden;*/
}

.buttons_line .second_line ul li.asset-links:not(.link-asset) a::after{
    color: #29a7df;
    content: "...";
}

.buttons_line .second_line ul li.asset-datecreate{
    float: none!important;
    color: #555;
    font-weight: bold;
}

.buttons_line .second_line ul li.asset-date span.left,
.buttons_line .second_line ul li.asset-date time.left{
    float: none!important;
    max-width: none;
    display: inline;
    width: auto;
}

.buttons_line .second_line ul li.asset-date {
    max-width: none;
}

.asset-article ul.packtags-list li{
    list-style: none!important;
}

p.contactSupplier{
    position: relative;
    margin-bottom: 0!important;
    padding-bottom: 24px;
}

a.button.miniContact{
    display: block;
    float: right;
    height: 44px;
    padding: 10px 12px;
    background-image: url('../images/icons/email.svg');
    background-size: 20px 20px;
    background-position: 12px 50%;
    background-repeat: no-repeat;
    padding-left: 44px;
    line-height: 22px;
    margin: 0;
}

.buttons_line .right a.button
{
  
    display: block;
    float: right;
    height: 34px;
    padding: 6px 7px;
    background-size: 18px 18px;
    background-position: 4px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
    line-height: 22px;
    margin: 0;
    margin-left: 3px;

}
.buttons_line .right a.button.print
{
    background-image: url('../images/icons/svg/print.svg');

}
.buttons_line .right a.button.download
{
    background-image: url('../images/icons/svg/download.svg');

}
.buttons_line .right a.button.emailthis
{
    background-image: url('../images/icons/svg/emailthis.svg');

}

.buttons_line .right a.button.addtolist
{
    background-image: url('../images/icons/svg/addtolist.svg');

}



div#asset .asset-links, div#asset .asset-date, div#asset .asset-checkbox{
    margin: 0!important;
}

div#asset{
    /*margin-top: 15px;*/
}


/*****forms******/

form {
    overflow:hidden;
}

input, select, textarea {
    margin:9px 0px;
    color:#555;
    font-size: 0.9em;
    font-weight:normal; 
    background-color:white; 

    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
}

input:focus,
select:focus,
textarea:focus {
    border-color:#29a7df;
}

input[type=checkbox] {
    width: 10px;
    height: 10px;
    margin:0 6px 0 0;
    -webkit-appearance:normal;
    appearance:normal;
}

button {
    border:none;
    background:none;
}

input, select, textarea {
    width:100%;
    height:35px;
    padding:0px 12px;
    border:1px solid #ddd;
    box-shadow:inset rgba(0,0,0,0.1) 1px 1px 4px;
}

textarea {
    min-height:120px;  
}

.bg-solid input,
.bg-solid select,
.bg-gradient input,
.bg-gradient select {
    border:none;
    box-shadow:inset rgba(0,0,0,0.2) 2px 2px 6px;
}

.bg-gradient input[name=q] {
    padding:12px 0px;
}

input[type=radio] {
    display:inline;
    width:auto;
    height:auto;
    box-shadow:none;
}

select {
    padding-right:36px;
    background-size:24px 24px;

    /*background-position:right center;*/

    background-position-x: calc(100% - -8px);
    background-position-y: center;

    background-image:url("../images/icons/arrow.svg");
    background-repeat:no-repeat; 
}

/****/

.field label {color: #777;}

.field label,
.field input,
.field select,
.field textarea {
    margin: 0px;
}

.field input,
.field input + label.error,
.field select,
.field select + label.error,
.field textarea,
.field textarea + label.error {
    width: 100%;
}

input,
select,
textarea {
    width: 100%;
    height: 35px;
    padding: 0px 12px;
    border: 1px solid #ddd;
    box-shadow: inset rgba(0,0,0,0.1) 1px 1px 4px;

    margin: 9px 0px;
    color: #555;
    font-size: 0.9em;
    font-weight: normal;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

h3.sender_recip {
    color: #d21c5c!important;
    text-align: left;
    margin-bottom: 20px;
}

/****/

select::-ms-expand {
    display: none;
}

label.error {
    margin-bottom:6px;
    font-size:0.85em !important;/*need*/
    line-height:initial;
}

input.form-error, 
select.form-error {
    margin-bottom:3px;
}

input[type=submit] {
    box-shadow:none;
} 

input[readonly] {
    padding: 0px;
    background: transparent;
    box-shadow: none;
    color: white;
    font-weight:500;
}

input[readonly].grey {
    color:#777;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
}

.desktop-page input[type=submit] {
    border:none;
}

.checkbox-group {
    margin-bottom:24px;
}

.checkbox {	
    position:relative;
    padding:0px 0px 0px 26px;

    color:#777;
    font-size:0.875em;
    font-weight:500;

    cursor:pointer;
}

.checkbox.checkbox-white {
    color:#9e92a0;
}

.checkbox::before {	
   /* position:absolute;
    top:50%; 
    left:0px;
    display:block;
    width:14px;
    height:14px;
    margin-top:-7px;
    border:#ccc 1px solid;
    box-shadow:inset rgba(0,0,0,0.1) 1px 1px 4px;
    content:"";*/

    position: absolute;
    top: 50%;
    left: 0px;
    display: block;
    width: 14px;
    height: 14px;
    margin-top: 0;
    border: #ccc 1px solid;
    box-shadow: inset rgba(0,0,0,0.1) 1px 1px 4px;
    content: "";
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.checkbox.checkbox-white::before {	
    border-color:#9e92a0;
}

.checkbox.checked::after {
   /* position:absolute;
    top:50%; left:-2px;
    width:18px;
    height:18px;
    margin-top:-9px;
    background-size:18px 18px;
    background-image:url("../images/icons/tick.svg");
    background-repeat:no-repeat;
    content:"";*/

    position: absolute;
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    background-image: url(../images/icons/tick.svg);
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}

.checkbox.checkbox-white.checked::after {
    background-image:url("../images/icons/tick-white.svg");
}

.checkbox input {
    display:none; 
}

/*css Maria for membership forms*/
.box_border{
    padding: 10px 50px;
    position: relative;
    overflow: auto;
    margin-bottom: 10px;
}

legend{
    background: #fff;
    padding: 0px 15px;
    font-size: 1.4em;
}

.box_border label{
    display: block;
    font-size: 12px;
}

.box_border .float_pack input,
.box_border .float_pack select{
    font-size: 12px;
    padding: 0 0 0 6px;
    margin: 0;
    height: 28px;
}

.box_border .float_pack span {
    display: block;
    color: #2AA7E1;
    padding-top: 30px;
    font-size: 12px;
}

.box_border textarea{
    width: 96%;
    margin-right: 4%;
    min-height: 50px;
    margin-bottom: 10px;
    font-size: 12px;
    height: 28px;
}

.box_border .button{
    width: auto;
    margin-bottom: 20px;
}

.float_pack{
    float: left;
    width: 46%;
    margin-right: 4%;
    text-align: left;
}

h2.form_crm {
    position: relative;
    left: 30px;
    top: 45px;
    background: #fff;
    padding: 10px 15px;
    display: inline-block;
    z-index: 1;
}

.mship_form_block2 input{
    width: 100px;
}

/*css Maria next to EN --> contac us fot more info*/
.formore {
    color: #fff;
    display: inline-block;
    position: relative;
    top: -15px;
    text-decoration: underline;
}

/*show more results button*/
#showMore {
    width: 60%;
    margin: 0 auto;
    display: block;
    height: 50px;
    line-height: 50px;
    margin-bottom: 30px;
}

/*system admin form width*/
form.form_admin {
    width: 50%;
}

/*others forms*/
.box {
    padding:2em 1em 2em 1em;
}

.box-blue {
    background-color:#f0f9fd;
}

.box-centered {
    position:fixed;
    top:50%; left:50%;
    width:80%;
    max-width:372px;
    margin-top:-30px; /* Compesate footer height */
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}

.box-centered.box-large {
    max-width:640px;
}

.box-centered.box-large .logo.small {
    width:223.5px;
}

.box-centered.box-large p.notification,
.box-centered.box-large p.success,
.box-centered.box-large p.error {
    color:#c1bdc2;
    font-size:1.250em;/*no tocar*/
    font-weight:normal;
}

.box-centered.box-large p.notification a,
.box-centered.box-large p.success a,
.box-centered.box-large p.error a {
    color:white;
    font-weight:500;
    text-decoration:underline;
}

.disable-box-centering .box-centered {
    position:relative;
    top:auto; left:auto;
    margin:0px auto;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.box-centered .logo {
    margin-bottom:3em;
}

.box-centered input,
.box-centered select,
.box-centered textarea {
    text-align:center;
}

.box-centered .error,
.box-centered .notification {	
    text-align:center;
}

.registerbox {
    padding-top:36px;
}

.registerbox .error,
.registerbox .notification {
    float:none;
    width:100%;
    height:auto;
    text-align:left; 
}

.registerbox .main-group {
    margin-bottom:2em;
}

.registerbox div.container {
    padding:0px 3em;
}

.registerbox hgroup {
    line-height:36px;
    margin-bottom:4em;
}

.registerbox hgroup h2,
.registerbox hgroup h3 {
    display:inline-block;
    margin:0px;
    padding:0px;
    vertical-align:baseline;
}

.registerbox hgroup h2 {
    font-size:2.250em;/*no tocar*/
    font-weight:200;
    padding-right:24px;
}

.registerbox hgroup h3 {
    font-size:1.250em;/*no tocar*/
    font-weight:400;
}

.field {
    position:relative;
    margin:0 0 15px 0;
}

.field h4 {
    margin:0px; 
}

.field label,
.field input,
.field select,
.field textarea {
    margin:0px;
}

.field textarea {
    padding:12px;
    margin: 5px 0;
}

.field label {
    color:#777;	
}

.field.left {
    padding-right:12px;
}

.field.left:last-child {
    padding-right:0px;
}

.bg-solid .field label,
.bg-gradient .field label {
    color:white;
    font-size:1.125em;/*no tocar*/
}

.field label + span {
    width:100%; 
    /*height:48px;
    line-height:48px;
    margin-left: 6px;*/
    height:36px;
    line-height:36px;
}

.field label + span.checkbox{
    margin-left: 10px;
}

.field input,
.field input + label.error,
.field select,
.field select + label.error,
.field textarea,
.field textarea + label.error {
    width:100%; 
}

.field input.button {
    width:auto;
}

.field.field-color .color {
    position:absolute;
    bottom:1px; right:1px;
    width:46px;
    height:46px;
    background:#ddd;
}

.field.field-color .color i {
    position:absolute;
    top:50%; left:50%;
    width:60%;
    height:60%;
    margin:-30% 0 0 -30%;
}

.tooltip {
    overflow:hidden;	
    background-color:#fbfbfb;
}

.tooltip h1,
.tooltip h2,
.tooltip h3,
.tooltip h4,
.tooltip h5 {
    margin-bottom:18px;
    color:#b4b4b4;
    font-weight:500;
    text-transform:uppercase;
}

.tooltip h4 {
    font-weight: bold;
    margin-bottom: 8px;
}

.tooltip input:not(.button), 
.tooltip select {
    box-shadow:none;
    border:#ccc 1px solid;
}

.tooltip input[type=submit],
.tooltip input[type=reset] {
    border:none;
    box-shadow:none;
}

.tooltip label {
    color:#777;
    font-weight:bold;
    text-transform:uppercase;
}

.tooltip .group {
    margin-bottom:24px;
}

.tooltip .group input,
.tooltip .group select,
.tooltip .group textarea {
    margin:3px 0px;
}

/*****tables*****/

table {
    width:100%;
}

table th,
table td {
    padding:6px 12px;
    color:#777;
    text-align:left;
    vertical-align:middle;

}

/* table th --> add by Maria*/

table th{
    position: relative;
  /*  background: #fff;*/
}

table thead {
    padding-bottom:24px;
}

table thead th {
    padding-top:0px;
}  

table thead th {
    border-bottom:#ddd 1px solid;
    font-size:0.813em;
    font-weight:bold;
    text-transform:uppercase;
}

table tbody td {	
    border-bottom:#eee 1px solid;
    font-size:0.9em;	
}

/*****backgrounds****/

.bg-full {
    width:calc(100% + 24px);
    margin:-24px -12px 0px -12px;
    padding:42px 0px;
}

.bg-full.bg-small {
    margin-bottom:18px;
    padding:42px 0px;
}

.bg-solid {
    background-color:#342039;
}

.bg-gradient {
    background-color: #342039;
    background: -moz-linear-gradient(top,  #342039 0%, #422a47 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#342039), color-stop(100%,#422a47));
    background: -webkit-linear-gradient(top,  #342039 0%,#422a47 100%);
    background: -o-linear-gradient(top,  #342039 0%,#422a47 100%);
    background: -ms-linear-gradient(top,  #342039 0%,#422a47 100%);
    background: linear-gradient(to bottom,  #342039 0%,#422a47 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#342039', endColorstr='#422a47',GradientType=0 );

    -webkit-transition:all 1000ms;
    -moz-transition:all 1000ms;
    -ms-transition:all 1000ms;
    -o-transition:all 1000ms;
    transition:all 1000ms;
}

.bg-background1 { 
    /*	background-image:url("../images/bg/desktop-bg01.jpg");
            background-position: right bottom !important;
            background-size:cover; */

    background: #e6d8cf;
    background: -moz-linear-gradient(top,  #e6d8cf 1%, #ffffff 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e6d8cf), color-stop(100%,#ffffff)); 
    background: -webkit-linear-gradient(top,  #e6d8cf 1%,#ffffff 100%); 
    background: -o-linear-gradient(top,  #e6d8cf 1%,#ffffff 100%); 
    background: -ms-linear-gradient(top,  #e6d8cf 1%,#ffffff 100%); 
    background: linear-gradient(to bottom,  #e6d8cf 1%,#ffffff 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6d8cf', endColorstr='#ffffff',GradientType=0 );
}

.bg-background2 {
    /*  background-image: url("../images/bg/desktop-bg02.jpg");
      background-position: right bottom !important;
      background-size: cover;*/
    min-height: 200px;
    margin: -24px -12px 0px -12px;

    background: #e6d8cf;
    background: -moz-linear-gradient(top,  #e6d8cf 1%, #ffffff 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e6d8cf), color-stop(100%,#ffffff)); 
    background: -webkit-linear-gradient(top,  #e6d8cf 1%,#ffffff 100%); 
    background: -o-linear-gradient(top,  #e6d8cf 1%,#ffffff 100%); 
    background: -ms-linear-gradient(top,  #e6d8cf 1%,#ffffff 100%); 
    background: linear-gradient(to bottom,  #e6d8cf 1%,#ffffff 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6d8cf', endColorstr='#ffffff',GradientType=0 ); 
}

.col-x3-2 .bg-background1 #search input {
    box-shadow:none;
    border:1px solid #d6d6d6;
}

.bg-background1 ul li a {
    color: #48294f;
    /*text-shadow: 1px 1px 0px #ffffff;*/
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.95em;
}

.bg-gradient a {
    color:white;
}

.bg-gradient p,
.bg-gradient li { 
    color:#aea9af;
}

div#wrapper.br-gradient
{
    background-color: #342039;
}

/* Edition Headers: REGIONS */
.tag101000000 {background-image:url("../images/bg/searchbox/northamerica.jpg") !important; }
.tag102000000 {background-image:url("../images/bg/searchbox/europe.jpg") !important;  }
.tag103000000 {background-image:url("../images/bg/searchbox/asia.jpg") !important; }
.tag104000000 {background-image:url("../images/bg/searchbox/southamerica.jpg") !important; }
.tag105000000 {background-image:url("../images/bg/searchbox/oceania.jpg") !important; }
.tag106000000 {background-image:url("../images/bg/searchbox/africa.jpg") !important; }

/* Edition Headers: MARKETS */
.tag201000000 {background-image:url("../images/bg/searchbox/beauty.jpg") !important;  }
.tag202100000 {background-image:url("../images/bg/searchbox/food.jpg") !important;  }
.tag202101000 {background-image:url("../images/bg/searchbox/beverage.jpg") !important;  }
.tag202102000 {background-image:url("../images/bg/searchbox/alcoholicbev.jpg") !important;  }
.tag203000000 {background-image:url("../images/bg/searchbox/health.jpg") !important;  }
.tag204000000 {background-image:url("../images/bg/searchbox/homecare.jpg") !important;  }
.tag209000000 {background-image:url("../images/bg/searchbox/industrial.jpg") !important;  }
.tag202103000 {background-image:url("../images/bg/searchbox/catering.jpg") !important;  }
.tag201101000 {background-image:url("../images/bg/searchbox/personalcare.jpg") !important;  }
.tag206000000 {background-image:url("../images/bg/searchbox/luxury.jpg") !important;  }
.tag205000000 {background-image:url("../images/bg/searchbox/durables.jpg") !important;  }
.tag101000000 #search p, .tag102000000 #search p, .tag103000000 #search p, .tag104000000 #search p, .tag105000000 #search p, .tag106000000 #search p, .tag201000000 #search p, .tag202100000 #search p, .tag202101000 #search p, .tag202102000 #search p, .tag203000000 #search p, .tag204000000 #search p, .tag209000000 #search p, .tag202103000 #search p, .tag201101000 #search p, .tag206000000 #search p, .tag205000000 #search p{
    color:#fff !important;
}
/* END Edition Headers */
.bg-image {background-size:cover;}
.bg-left {background-position:left center !important;}
.bg-right {background-position:right center !important; }
.bg-blue {background-color:#29a7df;}
.bg-yellow {background-color:#ff9200;}
.bg-blue p {color:white;}
.bg-yellow p {color:#fff !important;}

.bg-transparent {
    background:none;
    background-color:transparent;
    background-color:rgba(0, 0, 0, 0.0);
}

/*****navs*********/

.nav-primary,
.nav-secondary {
    text-align:center;
}

.nav-primary ul,
.nav-secondary ul {
    display:inline-block;
    margin-bottom:0px;
}

/*Maria*/
.nav-primary ul::after,
.nav-secondary ul::after {
    display:block;
    clear:both;
    content:"";
}

.nav-primary ul li,
.nav-secondary ul li {
    float:left;
    margin: 0 24px;
    min-height:10px;
}

#search + .nav-primary ul li a {
    text-transform: uppercase;
    font-weight: 700;
}
.nav-secondary.right ul li {
    margin-left:12px;
    margin-right:0px;
}

.nav-primary.center ul li {
    margin-left:12px;
    margin-right:12px; 
}

.nav-primary.right ul li {
    margin-left:24px;
    margin-right:0px;
}

.nav-primary.right ul li:first-child {
    margin:0px;
}

.nav-primary ul li a,
.nav-secondary ul li a {
    padding:6px auto;
}

.nav-bar.right {
    margin-right:-12px;
}

.nav-bar ul {
    width:auto;
    height:100%; 
}

.nav-bar ul li {
    position:relative;
    float:left;
    height:75px;
}

.nav-bar ul li * {
    width:100%;
    height:100%;
}

.nav-bar ul li.avatar {
    background-color:#998096;
}

.nav-bar ul li.avatar .logged_in {
    background-color:#01abe6;
}

.nav-bar ul li.avatar .logged_in .icon {
    fill:#51244f !important;/*need*/
}

.nav-bar ul li.avatar .logged_in::before {
    position:absolute;
    top:0; left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.1);
    content:"";
}

.nav-bar ul li.avatar .logged_in::after {
    position:absolute;
    bottom:6px; right:6px; z-index:2;
    width:32px;
    height:32px;
    border-radius:50%;
    background-color:white;
    background-size:28px 28px;
    background-image:url("../images/icons/desktop.svg");
    background-position:center center; 
    background-repeat:no-repeat;
    content:""; 
}

.nav-bar ul li.avatar * {
    display:block;	
    width:75px;
    height:75px;
}

.nav-bar ul li.avatar .icon {
    position:absolute;
    bottom:0px; left:50%;
    width:64px;
    height:64px;
    margin:0 0 0 -32px;
}

.nav-bar ul li.avatar .icon.icon-white {
    fill:white;   
}

.nav-bar ul li.tool-icon {
    background-color:white;
}

.nav-bar ul li.tool-icon img {
    position:absolute;
    top:50%; left:50%;
    width:70%;
    height:70%;

    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}

.nav-bar ul li.avatar,
.nav-bar ul li.tool-icon {
    width:75px;
    height:75px;
}

.nav-bar ul li.title {
    padding-right:24px;
}

.nav-tertiary {
    margin-bottom:30px;
}

.nav-tertiary > li,
.nav-tertiary > ul > li {
    padding:3px 0px;
    border-bottom:#e3e3e3 1px solid;
}

.nav-tertiary > ul > li a img {
    max-width:45px;
}

.nav-tertiary li h1,
.nav-tertiary li h1 a,
.nav-tertiary li h2,
.nav-tertiary li h2 a,
.nav-tertiary li h3,
.nav-tertiary li h3 a,
.nav-tertiary li h4,
.nav-tertiary li h4 a,
.nav-tertiary li h5,
.nav-tertiary li h5 a {
    position:relative;
    display:block;
    width:100%;
    margin-bottom:0px;
    color:#48294f;
    text-transform:none;
}

.nav-tertiary li > a,
.nav-tertiary li > span {
    color:#48294f;
}

.nav-tertiary li > span {
    font-weight:bold;
}

.nav-tertiary li > a.icon-more {
    float:left;
    width:18px;
    height:26px;
    background-size:12px 12px;	
    background-image:url("../images/icons/more-unselected.svg");
    background-position:left center;
    background-repeat:no-repeat;
}

.nav-tertiary li > a.icon-more.active {
    background-image:url("../images/icons/more-selected.svg");
}

.nav-tertiary ul li a .small-icon
{
    margin-top: 5px;
    float: right;
    fill: #29A7DF;
    width: 16px;
    height: 16px;
} 

a.no-company {
    float:left;
    width:calc(25% - 9px);
    margin:0 12px 6px 0;
    padding:60px;
    background-color:#2aa7df;
    text-align:center;
}

a.no-company span {
    display:block;

    color:white;
    text-align:center;
    text-transform:uppercase;
}

a.no-company span.icon-close {
    position:relative;
    width:100px;
    height:100px;
    margin:0px auto 24px auto;
}

a.no-company span.icon-close::before,
a.no-company span.icon-close::after {	
    display:inline-block;
    position:absolute;
    top:50%; left:50%;	
    background:white;

    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);

    content:"";
}

a.no-company span.icon-close::before {
    width:100px;
    height:2px;
}

a.no-company span.icon-close::after {
    width:2px;
    height:100px;
}


nav.fav-list ul {
    overflow:hidden;
    margin-left: -1%;
    margin-right: -1%;
}

nav.fav-list ul li {
    overflow:hidden;
    position:relative;
    float:left;
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 30px;
    border:1px solid #c9c9c9;
    background-size:80% auto;
    background-position:center center;
    background-repeat:no-repeat;
}


nav.fav-list ul li a {
    display:block;
    width:calc(100% - 48px);
    height:160px;
    margin:24px;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    text-align:center;
}

nav.fav-list ul li a img {
    width:auto;
    height:auto;
    max-width:90%;
    max-height:90%;
}

nav.fav-list ul li div.form {
    padding:24px;
    background:#efefef; 
}

nav.fav-list ul li div.form h5 {
    margin:0 0 24px 0;
    font-weight:bold;
}

nav.fav-list ul li div.form * {
    width:100%;
}

nav.fav-list ul li input,
nav.fav-list ul li select {
    margin:0 0 12px 0;
}

nav.fav-list ul li span {
    position:absolute;
    bottom:-44px; left:0px;
    width:100%;
    height:44px;
    background:#fbfbfb;

    color:#4f2451;
    font-size:0.750em;
    text-align:center;
    text-decoration:none;
    line-height:44px;
}

nav.fav-list ul li > button { 
    position:absolute;
    top:0px; right:0px; z-index:2;
    width:32px;
    height:32px;
    padding:0px;
    background:#c9c9c9;

    text-indent:-99999px;
    line-height:initial;

    -webkit-transition:background 500ms;
    -moz-transition:background 500ms;
    -ms-transition:background 500ms;
    -o-transition:background 500ms;
    transition:background 500ms;
}

nav.fav-list ul li > button.confirm {
    background:black;
}

nav.fav-list ul li > button::before,
nav.fav-list ul li > button::after {
    overflow:hidden;
    position:absolute;
    top:50%; left:50%;
    width:3px;
    height:16px;
    margin:0px;
    padding:0px;
    background:none;
    background:white;

    margin:-8px 0 0 -1px;

    content:"";
}

nav.fav-list ul li > button::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

nav.fav-list ul li > button::after { 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.item-admin,
nav.fav-list ul li > button + a.item-admin {
    position:absolute;
    top:0px; right:32px; z-index:1;
    width:32px;
    height:32px;
    margin:0px;
    padding:0px;	
    background:#02a8e2 url("../images/icons/config.svg") center center no-repeat;
    background-size:16px 16px;

    text-indent:-99999px;
    line-height:initial;
}

#header.home .nav-secondary {
    padding:12px 0px;
}

#header.home .nav-secondary ul li:hover a.yellow,
#login-form input.button.big:hover,
#header.home .nav-secondary ul li:hover a.button-profile{
    background: #F5165D;
}

#header.home .nav-secondary ul li:hover a.button-login,
#login-form a.button.yellow:hover,
#confirm-email input.button:hover{
    background: #7EAA00;
}

/*****/

.nav-stepped {
    margin-bottom:48px;
}

.nav-stepped ul {
    overflow:hidden; 
    position:relative;
}

.nav-stepped ul::before {
    position:absolute;
    top:50%; left:50%; z-index:4;
    width:98%;  
    height:12px; 
    margin:-20px 0 0 -49%; 
    border-radius:12px;
    background:#ff9201;
    content:"";
} 

.nav-stepped ul::after {
    position:absolute;
    top:50%; left:50%; z-index:4;
    width:10%;
    height:12px; 
    margin:-20px 0 0 -49%;
    border-top-left-radius:12px;
    border-bottom-left-radius:12px;
    background:#00a9e2;
    content:"";
}

.nav-stepped ul li {
    position:relative; 
    z-index:5;
    cursor:pointer; 
}

.nav-stepped ul li::before {
    display:inline-block;
    position:relative;
    z-index:5; 
    width:32px;
    height:32px;
    border-radius:50%;
    border:5px solid white;
    background:#ff9201;
    box-sizing:initial;

    color:white;
    font-size:0.750em;
    font-weight:bold;
    line-height:32px;

    -webkit-transition-delay:250ms;
    -moz-transition-delay:250ms;
    -ms-transition-delay:250ms;
    -o-transition-delay:250ms;
    transition-delay:250ms;

    content:attr(data-step);
}

.nav-stepped ul li.active a {
    color:#00a9e2;
}

.nav-stepped ul li.active::before {
    background:#00a9e2;
}

.nav-stepped ul li::after {
    position:absolute;
    top:50%; left:50%; z-index:4;
    width:0%;
    height:12px;
    margin:-20px 0 0 0; 
    background:#00a9e2;
    content:"";

    -webkit-transition:width 500ms;
    -moz-transition:width 500ms;
    -ms-transition:width 500ms;
    -o-transition:width 500ms;
    transition:width 500ms;
}

.nav-stepped ul li.complete::after {
    width:100%;
}

.nav-stepped ul li a {
    display:block;
    color:#ff9201;
    font-size:0.750em;
    font-weight:bold;
    text-transform:uppercase;
}

.nav-stepped.stepped-5 ul li {
    float:left;
    width:20%;
    text-align:center;
} 

.nav-stepped.stepped-5 ul li:last-child::after {
    -webkit-transition-delay:500ms;
    -moz-transition-delay:500ms;
    -ms-transition-delay:500ms;
    -o-transition-delay:500ms;
    transition-delay:500ms;
}  

.nav-stepped.stepped-5 ul li.complete:last-child::after { 
    width:50%;  
    border-top-right-radius:12px;
    border-bottom-right-radius:12px; 
} 

.stepped-wrapper {
    overflow:hidden;
    width:100%;
}

.stepped-wrapper .stepped {

}

.stepped-wrapper .stepped.stepped-5 {
    width:500%;
}

.stepped-wrapper .stepped.stepped-5 .step {
    float:left;
    width:20%;
}

.form-resume .summary-field {
    margin-bottom:24px;
}

.form-resume .summary-field h5 {
    font-size:1em;
    font-weight:normal;
}

.form-resume .summary-field h5,
.form-resume .summary-field p {
    margin:0px;
}

.dropzone {
    position:relative;
    width:100%;
    height:240px;
    margin:0 0 24px 0;
    border:3px dashed #917f95;
}

.dropzone .dropzone-center {
    position:absolute;
    top:50%; left:50%;

    text-align:center;

    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%); 
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%); 
}

.dropzone .dropzone-center p {
    margin:0px;
    text-align:center !important;
}

.dropzone button {
    min-width:148px;
}

#uploadmessage {
    display:none;
    padding:0 0 24px 0px;
}

#uploadmessage #uploadstatus {	
    position:relative;
    overflow:hidden;
    width:100%;
    height:36px;
    border-radius:36px;
    border:1px solid #d6d6d6;
    background:rgba(0,0,0,0.2);
}

#uploadmessage #uploadstatus #progress {
    width:0%;   
    height:36px;
    background:#522550;
}

#uploadmessage #uploadstatus #fileprogress {
    position:absolute;
    top:50%; left:50%;

    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);

    color:white;
    font-weight:bold;
}

.uploadmessage {
    overflow: hidden;
    width: 100%;
    height: 36px;
    border-radius: 36px;
    border: 1px solid #d6d6d6;
    background: #00a9e2;
    color: white;
    text-align: center;
    font-weight: bold;
    line-height: 36px;
    margin-top: -36px;
    position: relative;
}

.uploadmessage + h3 {
    display:none;
    margin:0px;
    font-size:0.813em;
    font-weight:bold;
}

.uploadedList li {
    margin:0 0 6px;
    color:#48294f;
    font-size:0.813em;
}


div.editor h2 {
    height:30px;
    margin:0px;
    line-height:30px;
}

div.editor ul,
div.editor ul ul,
div.editor li,
div.editor li li {
    margin:0px;
    padding:0px;
}

div.editor {
    margin:10px 0;
    padding:0 0 12px 0;
    border-bottom:1px solid #e1e1e1; 
}

div.editor .editor-menu {
    height:30px;
}

div.editor .editor-menu li {
    display:inline-block;
    overflow:hidden;
    position:relative;
    width:30px;
    height:30px;
    border-radius:50%;
    border:#cdcdcd 2px solid;	
    margin-right: 5px;

    font-weight:500;
    text-align:center;

    -webkit-transition:all 150ms;
    -moz-transition:all 150ms;
    -ms-transition:all 150ms;
    -o-transition:all 150ms;
    transition:all 150ms;
}

div.editor .editor-menu li .editor-icon {
    fill:#ADADAD;
}

img.editor-icon.editor-icon-adminpub {
    fill: #fff!important;
}

div.editor .editor-menu li a {
    color:#777777;
    font-size:0.750em;
    font-weight:500;
}

div.editor .editor-menu li:hover {
    border-color:#29a7df;
}

div.editor .editor-menu li:hover .editor-icon {
    fill:#29a7df;
}

div.editor .editor-menu li.active {
    color:white;
    font-size:0.750em;
    border-color:#a394a7;
    background-color:#a394a7;
}

div.editor .editor-menu li.original {
    border-color:#48284d;
}

div.editor .editor-menu li.original.active {
    color:white;
    border-color:#48284d;
    margin-right: 5px;
}

div.editor .left .editor-menu li {
    margin:0 6px -11px 0;
}

div.editor .left h2 img
{
    margin-right: 15px;
}

div.editor .right .editor-menu:first-child {
    border:none;
}

div.editor .right .editor-menu {
    margin:0 0 0 18px;
    padding:0 0 0 12px;
    border-left:1px solid #e2e2e2;
}

div.editor .right .editor-menu li {
    margin:0 0 0 6px;
}

div.editor .editor-menu li a {
    display:block;
    width:100%;
    height:100%;
}

div.editor .editor-menu li a .editor-icon {
    position:absolute;
    top:50%; left:50%;
    width:24px; 
    height:24px;

    -webkit-transition:all 150ms;
    -moz-transition:all 150ms;
    -ms-transition:all 150ms;
    -o-transition:all 150ms;
    transition:all 150ms;

    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%); 
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}

div.editor .editor-menu li a:hover .editor-icon {
    fill:#00a9e2;
}

div.editor .editor-menu.editor-menu-3 li {
    background:#cdcdcd;
}

div.editor .editor-menu.editor-menu-3 li:hover {
    border-color:#333;
    background:#333;
}

/*Maria rubish button INBOX DETAIL*/
div.editor .editor-menu.editor-menu-1 li, div.editor .editor-menu.editor-menu-2 li{
    overflow: hidden;
}

ul.switch {
    position:relative;
    width: 100%;
    margin:0px;
}

ul.switch::after {
    display:block;
    clear:both;
    content:"";
}

ul.switch li {
    position:relative; z-index:2;
    float:left;
    width: 5%; /*maria*/
    height:50px;
    padding:0px;
    margin:0px;
    background:none;
    background:#fbfbfb;	
    border-left:1px solid #e1e1e1;
    border-top:1px solid #e1e1e1;
    border-bottom:1px solid #d6d6d6; 

    line-height:45px;
    text-align: center;
}

ul.switch li a {
    display:inline-block;
    height:100%;
    width:100%;
    color:#777;
    font-size:0.813em;
    font-weight:bold;
}

ul.switch li a span.title {
    display:none;
    position: absolute;
    top: -23px;
    right: -5px;
    width: 105px;
    height: 22px;
    line-height: 22px;
    font-size: 0.73em;
    text-align: center;
    padding: 0px 4px;
    background-color: #00A9E2;
    color: #fff;
} 

ul.switch li span.count {
    padding:0 0 0 6px; 
}

ul.switch li.selected {
    background:white;
    border-bottom:1px solid white;
}

ul.switch li.selected span.title
{
    display:none!important;
    opacity:0;
}

ul.switch li:last-child {
    border-right:1px solid #e1e1e1;
}



ul.switch li.selected:hover::before
{
    dispaly:none;
    opacity:0;
}

nav.nav-companies {
    position:relative;
}

nav.nav-companies::before {
    position:absolute;
    bottom:0px; left:0px;
    width:100%;
    height:1px;
}

nav.nav-companies::after {
    display:block;
    clear:both;
    content:"";
}

nav.nav-companies ul li {
    overflow:hidden;
    display:inline-block;
    position:relative;	
    margin:0px;
    list-style:none;
    line-height:120%;
}

nav.nav-companies ul li a {
    color:#47294f;
    padding:0 6px 0 0;
}

nav.nav-companies ul li a::after {
    content:",";
}

nav.nav-companies ul li:last-child a::after {
    content:".";
}

/*nuevo maria %*/
nav.nav-companies ul li.highlighted{
    width: 19%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 5px;
    height: 64px;
}

nav.nav-companies ul li.highlighted a {
    position:relative;
    display:block;
    width:100%;
    height:100%;
    padding:0px;
    color:white;
    text-align:center;
    line-height:110%;
}

nav.nav-companies ul li.highlighted a span {
    position:absolute;
    top:50%; left:50%;
    max-height: 64px;
    width: 100%;
    padding:0px 12px;

    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}

nav.nav-companies ul li.highlighted a::after {
    content:"";
}

div.nav-title {
    position:relative;
    overflow:hidden;
    margin:0 0 24px 0;
}


div.nav-title > * {
    float:left;
    margin:0 24px 0 0;
}

div.nav-title h3 {
    color:#777;
    font-size: 1em;
    padding-left: 15px;
}

div.nav-title > a {	
    padding:0 0 0 24px;
    border-left:1px solid #d6d6d6;
    color:#482a4e;
    font-size: 0.9em;
}

/*****others****/

/*SELECT OPTIONS maria css for ALERTS and STATUS*/
.options_list {
    width: 100%;
    height: 40px;
    line-height: 36px;
    color: #777;
    margin-bottom: 30px;
}

.alert_option{
    display: block;
    width: 250px;
    height: 40px;
    line-height: 36px;
    color: #777;
    margin-bottom: 30px;
}

/*new Maria for lists in assets*/
.asset-article ul li {
    list-style: disc;
    margin-left: 20px;
    color: #777;
}

.asset-gallery ul li {
    list-style: none;
}

.asset-article ol li {
    color: #777;
}

/***loaders***/
.loader-folding-cube {
    margin: 20px auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.loader-folding-cube .loader-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); 
}
.loader-folding-cube .loader-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    -webkit-animation: loader-foldCubeAngle 2.4s infinite linear both;
    animation: loader-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.loader-folding-cube .loader-cube1:before {
    background:#d21c5c;
}

.loader-folding-cube .loader-cube2:before {
    background:#f59121;
}

.loader-folding-cube .loader-cube3:before {
    background:#368340;
}

.loader-folding-cube .loader-cube4:before {
    background:#29a7df;
}

.loader-folding-cube .loader-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg);
}
.loader-folding-cube .loader-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg);
}
.loader-folding-cube .loader-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg); 
    transform: scale(1.1) rotateZ(270deg);
}
.loader-folding-cube .loader-cube2:before {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.loader-folding-cube .loader-cube3:before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s; 
}
.loader-folding-cube .loader-cube4:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
@-webkit-keyframes loader-foldCubeAngle {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0; 
    } 25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1; 
    } 90%, 100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0; 
    } 
}

@keyframes loader-foldCubeAngle {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0; 
    } 25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1; 
    } 90%, 100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0; 
    }
}

/*Maria css para SITE INFO del nav del FOOTER*/
#header_siteinfo{
    position: absolute; 
    width: 100%;
    text-align: center;
    margin: 0 auto;
    height: 270px;
}

.wrapper_siteinfo{
    margin: 0 auto;
    width: 1200px;
}

.logo_siteinfo_centrado{
    margin: 0 auto;
    text-align: center;
    margin: 20px;
    width: 100%;
}

.logo_siteinfo_centrado img {
    width: 40%;
    margin: 35px 0 20px 0;
}

.nav_siteinfo{
    float: right;
    text-align: right;
    padding-top: 8px;
}

.nav_siteinfo ul{
    width: 100%;
    text-align: center;
    margin: 20px 0; 
    display: inline;
}

.nav_siteinfo ul li{
    font-size: 1em;
    color: #fff;
    padding: 12px;
    display: inline;
}

#header_siteinfo .page_h1{
    text-align: center;
    margin: 20px 0;
    font-size: 3.8em;
}

/***packtags filter****/

.filter_advice{
    font-size: 0.9em;
    position: relative;
    bottom: 10px;
    color: #999;
    display: none;
}

/*Maria css for pub navigation*/
#prevLink{
    background-image: url("/webpac_content/global/images/icons/publications/prev_pub.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 400px;
    left: 0;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 999;
}

#nextLink{
    background-image: url("/webpac_content/global/images/icons/publications/next_pub.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 400px;
    right: 0;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 999;
}

.control a {
    display: block;
    height: 76px;
    width: 76px;
}

/*add new RFQ and form*/
.responsive50{
    float: left;
    width: 50%;
    padding: 12px;
    margin-top: -30px;
}

/*BOTON SUBMIT YOUR QUOTE*/
.new_rfq {
    position: absolute;
    top: 25px;
    right: 1.5%;
    padding: 7px 20px;
    background-color: #F5165D;
}

.new_rfq:hover {
    background-color: #7EAA00;
}

.new_rfq ul {
    width: 100%;
    margin-bottom: 0;
    margin-top: -5px;
}

.new_rfq ul li {
    display: inline-block;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.btn_rfq {
    width: 22px;
    height: 22px;
    position: relative;
    top: 10px;
    color: #fff;
    border-radius: 50%;
    border: 2px solid #fff;
}

.btn_rfq_vert {
    width: 2px;
    height: 12px;
    position: absolute;
    background-color: #fff;
    top: 3px;
    left: 8px;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
}

.btn_rfq_horiz {
    width: 12px;
    height: 2px;
    position: absolute;
    background-color: #fff;
    top: 8px;
    left: 3px;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
}

.plus_trans{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*subscription advice*/
span.req_subs {
    font-size: 0.9em;/*no tocar*/
    color: #777;
    display: block;
    margin-bottom: 10px;
    margin-left:10px;
}

/*css about*/
.inline{
    display: inline;
    cursor: pointer;
}

.portal-information .field{
    margin-bottom: 20px;
}

.portal-information .field .about_data{
    color: #777;
}

.about_icon img{
    width: 45px;
    margin-top: 10px;
    padding: 0;
}

.about_icon li{
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.portal-about #pano{
    margin-bottom: 30px;
}

.portal-information .country img{
    margin-bottom: 10px;
}

/*div#asset .asset-gallery .asset-exhibitor:hover,*/
div#asset .asset-gallery .asset-gallery ul li:hover,
.entry header img.entry-thumb:hover,
.smallnews_left:hover{
    border: 1px solid #bbb;
}

.entry-models {
    overflow:hidden;
    max-width:320px;
}

.entry-models a {
    display:block;
    float:left;
    width:20%;
}

.entry-models a .entry-thumb {
    width:100%;
    height:auto;
    margin-bottom:12px;
    padding:0 12px 0 0;
}

.entry-models a:nth-child(4n+4) .entry-thumb {
    padding:0 6px 0 0;
}

.entry-models a:nth-child(5n+5) .entry-thumb {
    padding:0 0 0 6px;
}

#packaging-webs table tr th#comp_webbywebpac,
#packaging-webs table tr td[headers=comp_webbywebpac] {
    position:relative;
    min-width:40px;
    text-indent:-999999px; 
}

#packaging-webs table tr[data-field=True] td[headers=comp_webbywebpac]::before {
    opacity:0;
    position:absolute;
    top:50%; left:50%; z-index:9;
    width:80px;
    height:24px;
    margin-top:-24px;
    padding:0px 12px;
    border-radius:24px;
    background-color:#eee; 
    content:"By Webpac";

    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);

    color:#777;
    font-size:10px;/*no tocar*/
    text-align:center;
    text-indent:initial;
    line-height:24px;
}

#packaging-webs table tr[data-field=True] td[headers=comp_webbywebpac]:hover::before {
    opacity:1;
}

#packaging-webs table tr[data-field=True] td[headers=comp_webbywebpac]::after {
    display:block;
    position:absolute;	
    top:50%; left:50%;
    width:16px;
    height:16px;	
    background-size:16px 16px;
    background-image:url("../images/icons/webpac.svg");
    background-position:center center;
    background-repeat:no-repeat;
    content:"";

    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}

#workflow {
    width:100%;
    height:auto;
}

#workflow div.container {
    padding:24px;	
    text-align:center;
}

#workflow div.container #workflow-wrapper {
    position:relative;
    display:block;
    width:120px;
    height:120px;
    margin:0px auto 24px auto;
}

#workflow div.container #workflow-wrapper::after {
    position:absolute;
    top:0px; left:0px; 
    display:block;
    width:120px; 
    height:120px;
    color:white;
    font-size:2em;/*no tocar*/
    font-weight:200;
    line-height:120px;
    content:attr(data-title);
}

#workflow div.container #workflow-wrapper #workflow-progress {
    width:120px;
    height:120px;
}

#workflow div.container p {	
    margin:0px;
    padding:0px 48px;
    color:white;
    font-size:1em;/*no tocar*/
    font-weight:bold;
    text-transform:uppercase;
}

#workflow div.container p a {
    color:white;
    text-decoration:underline;
}

#workflow div.container p .icon.icon-close2 {
    position:absolute;
    top:50%; right:0px;
    width:32px;
    height:32px;
    margin-top:-18px;

    fill:white;

    cursor:pointer;
}

#my-companies > ul > li {
    padding:12px 0px;
}

#messages li {
    padding-left:24px;
    background-size:12px 12px;
    background-position:left center;
    background-image:url("../images/icons/mail.svg");
    background-repeat:no-repeat;
}

#messages li.new {
    background-image:url("../images/icons/new-mail.svg");
    font-weight:bold;	
}

#messages h4::after {
    display:inline-block;
    height:18px;
    margin:-9px 0px 0px 12px;
    padding:0px 12px;
    border-radius:18px;
    background-color:#dd4727;

    color:white;
    font-size:0.813em;/*no tocar*/
    font-weight:200;
    text-align:center;
    line-height:18px;	
    content:attr(data-new);
} 

#messages h4 a {
    color:#b4b4b4;
}

#messages ul li {
    border:none;
}

.edit-description .field:nth-child(2) textarea {
    min-height: 100px;
}

.edit-description textarea {
    min-height: 250px;
}

span.content_inboxdetalle.email_to{
    height: auto;
}

div.editor .editor-menu.editor-menu-3 li.backgroundwhite{
    background: #fff!important;/*need*/
}

div.editor .editor-menu.editor-menu-3 li.backgroundwhite:hover{
    border: #019AD0 2px solid;
}

div.editor .editor-menu.editor-menu-3 li.backgroundwhite a img:hover{
    fill: #019AD0;
}

/*css Maria for advertisement images*/
img.img_banner_right {
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
}

/****temporal***/
.clearfix .non-verif{
    width: 50%;
    margin-bottom:35px;
}

form#userForm{
    margin-top:24px;
}

form#userForm h4{
    font-size: 1.2em;
    font-weight: 600;
    color: #48294f !important;
    text-transform: inherit;
    margin-bottom: 20px;
}

form#userForm ul.right{
    padding-left:8%;
}

form#userForm .buttonWrap{
    margin:20px 0 10px 0;
} 

form div.inputWrap p.field, form div.inputWrap2 p.field{
    z-index: 3;
}

h1.assetsTitle.icon{
    position: relative;
    margin: 10px 0 24px 0;
    padding: 0 0 0 54px;
    float: left;
}

h1.assetsTitle.icon::before{
    position: absolute;
    top: 50%;
    left: 0px;
    display: block;
    width: 48px;
    height: 48px;
    border-left: 3px solid #eee;
    background-size: 44px 44px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: "";
}

/*********/
.infoAlert{
    background: #F6927E;
    padding: 6px;
    margin-top: 12px;
    color: #fff;
    border: 3px solid #FF4420;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-align: center;
}

#userForm div.clearfix{
    background-color: #FBFBFB;
    padding: 12px 20px;
    margin-bottom: 24px;
}

#userForm div.clearfix ul.right{
    margin-bottom:0px;
}

#wrapper.bg-gradient header#header{
    background-color: #342039;
}

#header div.submenu.submenu-nav nav #langNav p.currentLang{
    display:none;       
}

.portals-description-left, portals-description-right{
    margin-bottom:24px;
}

#editForm{
    overflow: initial;
}

a.up{
    width:26px;
    height:26px;
    display: block;
    float: left;
    margin-right: 6px;
}

a.up img.icon, a.down img.icon{
    width: 24px;
    height: 24px;
    margin-left: 1px;
    margin-top: 1px;
}

.sitemapPage h1{
    text-align: center;
    margin: 20px 0 40px 0px;
    font-size: 2.4em;
    line-height: 1.1em;
}

/*css Maria error detail when NO LOGON in blog*/
.asset-comment .error{
    font-size: 1em;
    text-align: left;
    padding-left: 10px;
    color: #d21c5c !important;
    position: relative;
    display: block;
    margin-bottom: 20px;
    height: auto;
    width: auto;
}

.asset-comment .action::after {
    position: absolute;
    left: 0;
    top: 8px;
    width: 0;
    height: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-style: solid;
    content: "";
}

#company-settings form.form-validation{
    overflow: initial;
}

/***small news***/

.smallnews_left{
    width: 60px;
    height: 60px;
    display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    text-align: center;
}

.smallnews_left a{
    width: 100%;
    height: 100%;
    display: block;
}

.smallnews_left a img{
    width: 100%;
    height: 100%;
}

.smallnews_right{
    width: calc(100% - 60px);
    height: auto;
    display: block;
    overflow: hidden;
    padding-left: 24px;
}

.smallnews_right h1{
    margin: 0px;
    font-weight: normal;
    text-transform: none;
    line-height: 130%;
    font-size: 0.9em;
    color: #333;
    margin-bottom: 5px;
}

.smallnews_right h2{
    margin: 0px;
    font-weight: normal;
    text-transform: none;
    line-height: 130%;
    font-size: 0.9em;
    color: #00aff2;
}

.smallnews_left .entry-icon{
    width: 40px;
}

.entry { 
    padding: 14px 0 34px 0;
}

.entry .entry-left {
    width:42px;
    text-align:left; 
}

.entry .entry-left img {
    width:30px;
    height:30px;
}

.entry .entry-right {
    width:calc(100% - 42px);
    /*width: 100%;*/
}

.entry header h1,
.entry header h2,
.entry header h3,
.entry header h4,
.entry header h5 {
    margin:0px;
    font-weight:normal;
    text-transform:none;
    line-height:130%;
}

.entry header h1 {
    color:#333;
}

.entry header h2 {
    color:#00aff2;
    margin-right: 12px;
}

.entry header a.entry-title {
    display:block;
    margin:0 0 10px 0;
}

.entry header a.entry-title.entry-title-thumb img.entry-thumb {
    float:left;
    margin:4px 12px 0 0;
}

.entry header a.entry-title.entry-title-thumb h1 {
    float:left;
    width:calc(100% - 112px);
}

.entry header a.entry-author,
.entry header p.entry-time {
    height:20px;
    line-height:20px;
}

.entry header a.entry-author {
    float:none;
    margin-bottom: 0;
}

.entry header p.entry-time {
    float:left;
    margin:20px 0 0 0;
    padding:0 0 0 12px;
    border-left:1px solid #666;
    color:#bbb;
}  

.entry header img.entry-thumb {
    max-width:60px;
    max-height:60px;
    border:1px solid #d6d6d6;
}

/****eventsbox****/

.eventsbox{
    background: #EAE0E9;
    padding: 24px 20px;
    height: content-box;
    box-sizing: border-box;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -24px;
    margin-bottom: 20px;
}

.eventsbox h2{
    font-size: 1em;/*no tocar*/
    font-weight: bold;
    margin-bottom: 8px;
    text-transform: uppercase;
    padding: 8px 0px;
    color: #48294F;
    border-bottom: 1px solid #cabbca;
}  

.eventsbox span{
    position: absolute;
    top:24px;
    right: 20px;
    width: 30px;
    height: 30px;
}

.icon_calendar{
    width: 100%;
    height: 100%;
    background: url("../images/icons/calendar.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.eventsbox ul{
    margin-bottom: 0;
}

.eventsbox ul li{
    width: 100%;
    list-style: circle;
    color: #493455;
    margin-left: 20px;
    border-bottom: none!important;/*need*/
}

.eventsbox ul li a {
    padding-left: 0!important;/*need*/
    color: #48294F!important;
}

/*yellow box "eventsbox", for "RELATED CONTENT"*/

.relatedcontent_yellow{
    background-color: #EAE0E9;
    padding: 20px;
    margin-top: -30px;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 24px;
}

.relatedcontent_yellow ul{
    margin-bottom: 0;
}

.relatedcontent_yellow ul li:first-child
{
    font-weight: bold;
    margin-bottom: 8px;
    text-transform: uppercase;
    color: #48294F;
}

.relatedcontent_yellow ul li
{
    padding: 8px 0px!important;/*need*/
    border-bottom: 1px solid #cabbca!important;/*need*/
}

.relatedcontent_yellow ul li:last-child
{
    border: none!important;/*need*/
}
.relatedcontent_yellow ul li a
{
    color: #48294F;
}


.relatedcontent_yellow ul li img
{
    fill: #48294F;
   
    width: 18px;
    height: 18px;
}

/*Maria css PORTALS for default image*/
.img_set_default{
    width: 100%;
    margin: 30px 0;
    overflow: auto;
}

.img_set_default > div{
    float: left;
    width: 50%;
    margin-bottom: 30px;
}

.img_set_default img{
    border: 1px solid silver; 
    width: 120px; 
    height: 120px;
}

.img_set_default a{
    padding: 0 10px;
    border-right: 1px solid #bbb;
    font-size: 0.9em;
}

.img_set_default span{
    padding: 0 10px;
    border-right: 1px solid #bbb;
    font-size: 0.9em;
}

/*css Maria MATERIALS new*/
#materials_new{
    width: 100%;
    margin: 24px 0;
}

.col4 img{
    width: 80%;
    border-radius: 50%;
    margin-bottom: 20px;
    border: 3px solid #bbb;
}

.col4 h2{
    font-size: 1em;/*no tocar*/
    font-weight: bold;
    color: 341c3c;
    text-align: center;
    text-transform: uppercase;
}

.country.about_icon img {
    margin-left: -10px;
    margin-top: -10px;
}


/*************new message in home page*************/

section#pacakgingDescription {
    display: block;
    float: none;
    width: 100%;
    height: auto;
    overflow: auto;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    padding: 50px;
    margin-bottom: 50px;
    background-color: #342039;
    background: -moz-linear-gradient(top, #342039 0%, #422a47 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#342039), color-stop(100%,#422a47));
    background: -webkit-linear-gradient(top, #342039 0%,#422a47 100%);
    background: -o-linear-gradient(top, #342039 0%,#422a47 100%);
    background: -ms-linear-gradient(top, #342039 0%,#422a47 100%);
    background: linear-gradient(to bottom, #342039 0%,#422a47 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#342039', endColorstr='#422a47',GradientType=0 );
    -webkit-transition: all 1000ms;
    -moz-transition: all 1000ms;
    -ms-transition: all 1000ms;
    -o-transition: all 1000ms;
    transition: all 1000ms;
}

section#pacakgingDescription .width50 {
    padding: 50px;
}

section#pacakgingDescription h2, 
section#pacakgingDescription p{
    color: #fff;
}

section#pacakgingDescription li{
    text-align: left;
    color: #fff;
    padding-left: 30px;
    margin-bottom: 20px;
    background-image: url("/webpac_content/global/images/bullet-wp.png");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: top left;
    background-position-y: 6px;
    font-size: 16px;
}

.asset-edit .field label, .asset-edit .field input, .asset-edit .field select {
    display: inline-block;
    width: auto;
    margin: 0 10px 10px 0;
}
.asset-edit #edit-portal
{
  margin-top:10px;
  border-top: 1px solid #d6d6d6;
    padding-top: 10px;
}
.asset-edit #edit-portal p
{
  float:left;
  margin-right: 10px;
}
.asset-edit #edit-portal a.button
{
  font-size:12px;
}
.asset-edit .field select
{
    padding: 0px 22px 0 18px;
 /*   background-position-x: 110%;*/
}

.asset-edit .field label {
    min-width: 300px;
}

.asset-edit .field input, .asset-edit .field select {
    height: 26px;
    line-height: 26px;
    margin: 0 10px 0 0;
}

.asset-edit .edit-description textarea {
    min-height: 100px;
}

.asset-edit .field input[type="checkbox"] {display: none;}




/*****@mediaqueries*******/


@media only screen and (max-width:1366px) and (max-height:768px) {

    #header.home {
        height:460px;
    }

    #header.home .logo {
        margin-top:0em;
    }

    #header.home #search {
        margin:0em auto 1.4em auto;
    }

    .slogan {
        padding: 0.55em 0em 1.75em 0em;
        font-size:1.35em;
    }
}


@media only screen and (min-width:768px){


    /**START BUTTON LABEL**/
    div.editor .editor-menu.editor-menu-1 li, div.editor .editor-menu.editor-menu-2 li{
        overflow: inherit;
    }

    div.editor .editor-menu li:hover::after{
        position: absolute;
        top: 35px;
        height: 20px;
        line-height: 20px;
        z-index: 1;
        background-color: #29A7DF;
        color: #fff;
        padding: 0px 5px;
        font-size: 0.7em;
        font-weight: 300;
        text-align: center;
    }

    div.editor .editor-menu li:hover::before{
        position: absolute;
        top: 30px;
        left: 8px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0px 5px 5px 5px;
        border-color: transparent transparent #29A7DF transparent;
        content: "";
        z-index: 1;
    }

    div.editor .editor-menu li.editor-icon-delete:hover::after{
        right: -9px;
        content: "Delete";
    }

    /*new by Maria for admin publication button*/
    div.editor .editor-menu li.icon-adminpub-wrap:hover::after{
        right: -2px;
        content: "Fullscreen";
    }

    div.editor .editor-menu li.icon-edit-wrap:hover::after{
        right: -2px;
        content: "Edit";
    }

    div.editor .editor-menu li.icon-packtags-wrap:hover::after{
        right: -15px;
        content: "Packtags";
    }

    div.editor .editor-menu li.icon-images-wrap:hover::after{
        right: -11px;
        content: "Images";
    }

    div.editor .editor-menu li.icon-files-wrap:hover::after{
        right: -4px;
        content: "Files";
    }
    div.editor .editor-menu li.icon-360-wrap:hover::after{
        right: -20px;
        left: -20px;
        content: "360° Images";
    }

    div.editor .editor-menu li.icon-delete-wrap:hover::after{
        right: -9px;
        content: "Delete";
    }

    div.editor .editor-menu li.icon-cut-wrap:hover::after{
        right: -1px;
        content: "Cut";
    }

    div.editor .editor-menu li.icon-copy-wrap:hover::after{
        right: -5px;
        content: "Copy";
    }

    div.editor .editor-menu li.icon-ordering-wrap:hover::after{
        right: -14px;
        content: "Ordering";
    }

    div.editor .editor-menu li.icon-advanced-wrap:hover::after{
        right: -16px;
        content: "Advanced";
    }

    div.editor .editor-menu li.icon-paste-wrap:hover::after{
        right: -6px;
        content: "Paste";
    }

    div.editor .editor-menu li.icon-import-wrap:hover::after{
        right: -9px;
        content: "Import";
    }

    div.editor .editor-menu li.icon-history-wrap:hover::after{
        right: -9px;
        content: "History";
    }


    /**END BUTTON LABEL **/
    #header div.submenu.submenu-nav nav #langNav{
        float:left;
    }

    #header div.submenu.submenu-nav nav #langNav p.currentLang{
        display: block;
        width: 60px;
        height: 27px;
        line-height: 20px;
        font-size: 0.75em;
        font-weight: normal;
        color: #48294F;
        /* background: #48294f; */
        border: 1px solid #48294F;
        background-size: 22px 22px;
        background-position: 41px 2px;
        background-image: url("../images/icons/arrow.svg");
        background-repeat: no-repeat;
        cursor: pointer;
        padding: 3px 12px;
        text-align: left;
        margin-right: 20px;
        margin-bottom: 0px;
    }

    #header div.submenu.submenu-nav nav #langNav ul.languages{
        margin: 0;
        padding: 0;
        border: 0;
        background-color: #48294F;
        height: 0px;
        width: 60px;
        margin-left: -19px;
        overflow:hidden;
    }

    #header div.submenu.submenu-nav nav #langNav ul.languages li{
        float: none;
        display: block;
        text-align: center;
        margin: 0;
        padding: 3px 0px;

    }

    #header div.submenu.submenu-nav nav #langNav ul.languages li a{
        color:#fff;
        width: 100%;
        height: 100%;
        display: block;    
    }
}

/************************************************/

@media only screen and (max-width:1850px){
.tool.tool-3d ul {
    margin-top: 330px;
}
}


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


.tool.tool-3d ul {
    margin-top: 290px;
}
    .labelStyle{
        min-height: 55px;
    }

    #nav-main .nav-primary ul li a{
        font-size: 0.8em;
    }

    /*grey ASSETS in companies Maria css*/
    ul.switch{
        margin: 0 auto;
    }

    ul.switch li {
        width: 6%;
        border: 1px solid #e1e1e1;
        text-align: center;
    }

    /*reduce font-size of web's links in roder to not escape of the box*/
    span.link.link_webs {
        font-size: 0.75em;
    }

}

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

    .col4321{width: 31.333%;}

    .col5432{width: 23%;}

    .col2121{width: 98%;}

    .col6543{width: 18%;} 

    .col321{width: 48%;}

    .tool.tool-videos span.image-block {
        max-height: 150px;
    }

    .tool.tool-videos ul li{
        min-height: 0;
    }

    /************************/
    nav.fav-list ul li {
        width: 31.333%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 30px;
    }

    /************************/
    #profile .col-1,
    #profile .col-2,
    #profile .col-3,
    #profile .col-4,
    #profile .col-5,
    #profile .col-6, 
    #profile .col-7,
    #profile .col-8,
    #profile .col-9,
    #profile .col-10,
    #profile .col-11,
    #profile .col-12,
    #profile .col-x3-1,
    #profile .col-x3-2,
    #profile .col-x3-3 {
        float:none;
        width:100%;
    }

    #profile .width30 {
        width:50%;
    }

    #profile .width70 {
        width:50%;
    }

    #profile .editable-group {
        padding-bottom:0px;
        margin-bottom:12px;
    }

    #profile .editable-group input,
    #profile .editable-group select,
    #profile .editable-group textarea {
        margin-bottom:12px;
    } 

    .entry-full .colums-2 {
        -webkit-column-count: 1; 
        -moz-column-count: 1;
        column-count: 1;

        -webkit-column-gap: 0px; 
        -moz-column-gap: 0px;
        column-gap: 0px;
    }

    /***********************/
    .responsive50blog{
        width: 100%;
    }

    #blog_posts .col80 ul li {
        display: initial;
    }

    .col-x3-2 {
        width:calc(100% - 572px);
    }

    .col-x3-3 {
        width:308px;
    }

    /************************/
    .select_type_inbox {
        margin-bottom: 20px;
    }

    .select_type_inbox ul li.type_inbox_active {
        height: 42px;
    }

    .select_type_inbox ul li {
        height: 40px;
        padding: 0px 10px;
    }

    .type_inbox li a {
        line-height: 40px;
        font-size: 0.8em;
    }

    .linegrey{
        top:41px;
    }

}
@media only screen and (max-width:1550px) {
.tool.tool-3d ul {
    margin-top: 250px;
}
}
@media only screen and (max-width:1450px) {


.tool.tool-3d ul {
    margin-top: 230px;
}
    .inbox_detalle .label{
        width: 12%;   
        color: #777;
    }

    .responsive20{
        float: left;
        width: 40%;
    }

    .responsive80{
        float: left;
        width: 60%;
    }

    #profile_user .name{
        padding-top: 60px;
        line-height: 1em;
    }

    #profile_user .profession{
        font-size: 1.2em;
    }

    #profile_user .imgcompany li{
        width: 48%;
    }

    .tool .news .news-overlay {
        height: 65px;
    }

    .tool .news .news-overlay h2{
        font-size: 0.9em;
    }

    ul.switch li {
        width: 10%;
    }

    .img_set_default > div{
        width: 100%;
    }

    .tool.tool-events .dates{
        font-size: 0.8em;
    }

    .col4 {
        width: 46%;
    }

}

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


.tool.tool-3d ul {
    margin-top: 200px;
}
    .col4321{width: 48%;}

    .col5432{width: 31.333%;}

    .col2121{width: 48%;}

    .col6543{width: 23%;} 

    /*****************************/

    nav.fav-list ul li {
        width: 48%;
    }

    body {font-size:90%; }

    table:not(.table-spec) thead {
        display:none;
    }

    table:not(.table-spec) tbody tr {
        margin:0px 0px 24px 0px;
        padding:0px 24px;
    }

    table:not(.table-spec) tbody tr td {
        padding:3px 6px 3px 0px;
        text-align:left;
    }

    table:not(.table-spec) tbody tr td:last-child {
        border:none;
    }

    #packaging-webs table tr td[headers=comp_webbywebpac] {
        display:none;
    }

    #packaging-webs table tr[data-field=True] td[headers=Website] {
        position:relative;
        padding-right:24px;
    }

    #packaging-webs table tr[data-field=True] td[headers=Website]::after {
        display:block;
        position:absolute;	
        top:50%; right:0px;
        width:16px;
        height:16px;	
        background-size:16px 16px;
        background-image:url("../images/icons/webpac.svg");
        background-position:center center;
        background-repeat:no-repeat;
        content:"";

        -webkit-transform:translate(0, -50%);
        -moz-transform:translate(0, -50%);
        -ms-transform:translate(0, -50%);
        -o-transform:translate(0, -50%);
        transform:translate(0, -50%);
    }

    .col-x3-2 {
        width:calc(100% - 532px);
    }

    .col-x3-3 {
        width:268px;
    }

    /*pages siteinfo*/
    .wrapper_siteinfo {
        margin: 0 auto;   
        width: 80%;
    }

    #blog_posts .responsive50blog .col20 {
        width: 100%;
    }

    #blog_posts .responsive50blog .col20 img {
        max-height: none;
        max-width: 100%;
        overflow: auto;
        display: block;
    }

    #blog_posts .responsive50blog .col80 {
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }
}

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

    .headerimg_3d{
        height: 200px;
    }

    .tool.tool-3d ul{
        margin-top: 200px;
    }

    #main.no-aside{
        background: #fff;
    }

    .tooltip {
        background-color: #fff;
    }

    /**make bigger central column***/
    .col-x3-2 {
        width:calc(100% - 264px);
    }

    /*banners's right column under central column*/
    .col-x3-3 {
        display:block; 
        width: calc(100% - 264px);
        float: right;
    } 

    /*float 50% articles and banner img*/
    .col-x3-3 > div.container article {
        float: left;
        width: 50%;
    }

    img.img_banner_right {
        float: left;
        width: 50%;
        margin: 0 0 20px 0;
        padding: 0 10px;
    }

    /*remove arrows in inbox*/
    div.action-menu{
        display: none;
    } 

    /*show "BOX" logo and icons bigger*/
    #header .logo-svg.desktop{
        display: none;
    }

    #header .logo-svg.mobile{
        display: block;
        height: 100%;
        width: auto;
        max-height: 100%;
    }

}



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


.asset-spec.asset-spec-general {
    width: 100%;
    left: 0;
}

.table-spec{
   width: 100%;
   margin: 0 0 20px 0;
}


.asset-edit .left h2 {
    max-width: 80%;
}

    body { font-size:85%; }

    .registerbox .field label,
    .registerbox .field input,
    .registerbox .field select,
    .registerbox .field textarea {
        float:none;
        width:100%;
    }

    .registerbox .field label {
        display:block;
        height:auto;
        margin-bottom:6px;
        line-height:initial;
    }

    /*system admin form width*/
    form.form_admin {
        width: 100%;
    }

    /*user logon*/
    .bg-background1 {
        background: #e6d8cf;
        background: -moz-linear-gradient(top,  #e6d8cf 1%, #ffffff 100%); 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e6d8cf), color-stop(100%,#ffffff)); 
        background: -webkit-linear-gradient(top,  #e6d8cf 1%,#ffffff 100%); 
        background: -o-linear-gradient(top,  #e6d8cf 1%,#ffffff 100%); 
        background: -ms-linear-gradient(top,  #e6d8cf 1%,#ffffff 100%); 
        background: linear-gradient(to bottom,  #e6d8cf 1%,#ffffff 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6d8cf', endColorstr='#ffffff',GradientType=0 );
    }

    /*inbox*/
    div.action-menu{
        display: none;
    } 

    .inbox_table{
        width: 100%;
        overflow: auto;
        margin-top: -15px;
    }

    .inbox_td{
        text-align: left;
        padding: 0!important;/*need*/
        margin: 0!important;/*need*/
    }

    .inbox_table .inbox_td td{
        width: 25%;
    }

    /*PROF ACCOUNT*/
    .large-separation.left, 
    .large-separation.right{
        padding-right: 0px;
    }

    /*fix NEWS height*/
    div#asset .asset-siblings div > .entry .entry-right p, div#asset .asset-related div > .entry .entry-right p{
        display: none;
    }

    /*fix news colorful boxes height under ASSETS*/
    #search-assets article.entry .entry-right {
        width: calc(100% - 124px);
        max-height: 100px;
        overflow: hidden;
    }

    #search-assets article.entry .entry-right h2{
        display: none;
    }

    #search-assets article.entry .entry-right h3 {
        overflow: hidden;
        max-height: 60px;
        font-size: 1em;
    }

    /*COMPANIES create company*/
    .nav-stepped ul li a,
    .nav-stepped ul li.active a{
        font-size: 0.6em;
    }

    /*add new RFQ and form*/
    .responsive50{
        float: left;
        width: 100%;
        padding: 0 12px 0 0;
        margin: 0;
    }

    #form_rfq input[type=submit]{
        margin: 20px 0;
    }

    .new_rfq {
        position: relative;
        top: -10px;
        right: 0;
        padding: 10px;
    }

    .new_rfq ul li{
        font-size: 0.8em;
    }

    /*hide "MESSAGE" word in INBOX for mobile*/
    .ocultar_mess{
        display: none;
    }

    .select_type_inbox ul li {
        padding: 0px 15px;
    }

    /*PORTALS' logo and header with NAV*/
    .logo.tiny {
        max-width: 250px;
    }

    /*nav FOOTER site info*/
    #header_siteinfo .page_h1 {
        line-height: 1.1em;
    }

    .sitemapPage  .logo.tiny {
        width: 20%;
    }

    .sitemapPage .nav_siteinfo {
        width: 80%; 
    }

    .sitemapPage .nav_siteinfo ul li {
        color: #fff;
        padding: 6px;
        display: inline;
    }

    /*Maria css para navegacion publicaciones*/
    #prevLink{
        background-size: 80%;
        background-position: left;
        top: 600px;
    }

    #nextLink{
        background-size: 80%;
        background-position: right;
        top: 600px;
    }

}

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

    .tool.tool-17 .right .container {
        padding: 0;
    }

    /*inbox detail*/
    .label_inboxdetalle {
        width: 30%;
        max-height: 36px;
        line-height: 30px;
        overflow: hidden;
    }

    .content_inboxdetalle {
        width: 68%;
        max-height: 36px;
        line-height: 30px;
        overflow: hidden;
    }

    .label_mess{
        width: 99.2%;
        font-size: 0.8em;
    }

    .detail_mess{
        width: 99.2%;
        font-size: 0.8em;
    }

    /****/
    #profile_user .imgcompany li{
        width: 100%;
    }

    /*padding-top over SEARCH box to compensate CONTAINER's padding-top*/
    .col-x3-2 #search {
        margin: auto;
        padding-top: 20px;
    }

    /*site pages*/
    .colums-2 {
        -webkit-column-count: 1; 
        -moz-column-count: 1;
        column-count: 1;

        -webkit-column-gap: 0px; 
        -moz-column-gap: 0px;
        column-gap: 0px;
    }

    .logo_siteinfo_centrado img {
        width: 70%;
    }

}

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

    .width50{width: 100%;}

    /************************/
    .buttons_line .right,
    .buttons_line .left{
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }

    a.button.miniContact{
        float: left;
        font-size: 0.8em;
    }

    .buttons_line .second_line a.asset-link{
        height: 36px;
    }

    /*NEWS cajas moradas*/
    .tool .news .news-overlay {
        bottom: 5px;
        left: 5px;
        width: 98.4%;
    }

    /*header*/
    .logo.tiny {
        max-width: 300px;
    }

    nav.fav-list ul li {
        width: 48%;
    }

    header#header{
        line-height:70px;
    }

    #main.no-aside{
        background-color: #FFFFFF;
    }

    form#userForm ul.right{
        padding-left:0%;
    }

    form#userForm ul.right li{
        margin: 5px 0px;
    }

    #header.home {
        height:460px;
    }

    #header.home #search {
        margin:0em auto 1.4em auto;
    }

    .slogan {
        padding: 0.55em 0em 1.75em 0em;
        font-size:1.35em;
    }

    #wrapper,
    #header,
    #footer,
    .col-x3-1 {
        -webkit-transition:left 150ms;
        -moz-transition:left 150ms;
        -ms-transition:left 150ms;
        -o-transition:left 150ms;
        transition:left 150ms;
    }

    /*css maria mobile menu 3 dots move from left*/

    #wrapper,
    #header,
    #footer,
    .col-x2-1 {
        -webkit-transition:left 150ms;
        -moz-transition:left 150ms;
        -ms-transition:left 150ms;
        -o-transition:left 150ms;
        transition:left 150ms;
    }

    /*right column showing*/
    .col-x3-3 {
        width: 100%;
    }

    #main.standard-page,
    #main.desktop-page {
        padding:104px 0px 60px 0px;
    }

    #header {
        height:104px; 
    }

    #header div.container {
        height:50%;
    }

    #header div.submenu,#header.webpac-user div.submenu {
        position:inherit;
        top:auto; right:auto;
        width:100%;
        height:44px;
        padding:0px 12px;
        background-color:#fbfbfb;
        box-sizing: border-box;
    }

    .desktop-page #header div.submenu {
        right:auto;
    }

    #header div.submenu h1 a,
    #header div.submenu h2 a {
        color:#48294f;
    }

    #header div.submenu a.mobile-nav-icon {
        float:left;
        margin:7px 0px;
        padding:0px;
        z-index:999;
    }

    #header div.submenu h1 {
        float:right;
        height:44px;
        margin:0px;
        padding:0px;
        font-size:1.2em;
        line-height:44px;		
    }

    #header div.submenu h1 a {		
        color:#48294f;		
    }

    #header.home {
        height:448px;
    }

    #header.home .logo {
        margin-top:1em;
    }

    #header.home #search input {
        padding: 0px 44px 0px 12px;
        font-size:1.25em;
    }

    #header.home #search button {
        width:44px;
        height:44px;
    }

    /************************/

    #header div.submenu.submenu-nav nav ul.languages{
        border-right:none;
    }

    #header div.submenu.submenu-nav nav ul.languages li{
        padding: 0px;
        float: left;
        margin: 4px;
        color: #b9a9b6;
    }

    #header div.submenu.submenu-nav nav ul.languages li.selected{
        color:#fff;
    }

    #header div.submenu.submenu-nav nav ul.common li a{
        color: #b9a9b6;
    }

    #header div.submenu.submenu-nav nav ul.common li.admin a{
        padding: 6px 12px;
        border-left: none;
    } 

    /******/
    .box {
        padding:1.2em 1.2em 2em 1.2em;
    }

    .registerbox .left,
    .registerbox .right {
        float:none;
    }

    .registerbox div.container {
        padding:0px;
    }

    #blog,
    #search {
        width:100%;
    } 

    .slogan {
        padding: 0.55em 0em 1.75em 0em;
        font-size:1.35em;
    }

    .button-register::after {
        content:attr(data-text2);
    }

    .mobile {
        display:block;
    }

    .standard-page .col-x3-1,
    .desktop-page .col-x3-1 {
        overflow:hidden;
        overflow-y:auto;
        position:fixed;
        top:0%; left:-70%; 
        z-index:12;
        width:70%;
        height:100%;

        box-shadow: rgba(0,0,0,0.4) 2px 2px 12px;
    }

    .trigger-nav .col-x3-1 {
        left:0%; 
        z-index: 999;
    }  

    /*padding 0 to avoid the hole which was between MENU and MAIN*/
    .standard-page .col-x3-2,
    .desktop-page .col-x3-2 {
        width:100%;
        padding: 0px 0px;
    }

    /*new menu Maria, it comes from 3 dots menu*/
    .standard-page .col-x2-1,
    .desktop-page .col-x2-1 {
        overflow:hidden;
        overflow-y:auto;
        position:fixed;
        top:0%; left:-70%; 
        z-index:12;
        width:70%;
        height:100%;

        box-shadow: rgba(0,0,0,0.4) 2px 2px 12px;
    }

    .trigger-nav .col-x2-1 {
        left:0%; 
        z-index: 999;
    }

    .standard-page .col-x2-2,
    .desktop-page .col-x2-2 {
        width:100%;
        padding: 24px 0px;
    }

    /************/
    input, select, textarea {
        margin:3px 0px;
    }

    .width10,
    .width20,
    .width30,
    .width40,
    .width50,
    .width60,
    .width70,
    .width80,
    .width90,
    .width100 {
        float:none;
        width:100%; 
    }

    .nav-bar ul li {
        height:75px;
    }

    .nav-bar ul li.avatar * {
        width:60px;
        height:60px;
    }

    .nav-bar ul li.avatar,
    .nav-bar ul li.tool-icon {
        width:44px;
        height:44px;
    }

    /*maria hover TOOLS para que se escalen*/
    .tool.tools-grid ul li:hover a img{
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .trigger-nav body,
    .modal-open body {
        overflow:hidden;
    }

    .trigger-nav #wrapper,
    .trigger-nav #header,
    .trigger-nav #footer {
        left:70%;
    }

    .col-1, .col-2, .col-3, .col-4, .col-6, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-x3-1, .col-x3-1, .col-x3-2  {
        float:none;
        width:100%;
    }

    #profile .width30,
    #profile .width70 {
        width:100%;
    }

    /************************/

    body{
        font-size: 90%;
    }

    /*Maria css 3 dots menu languages in line and rest in list*/
    #header #nav-main {
        display: none;
        overflow: hidden;
        overflow-y: auto;
        position: absolute;
        top: 0px;
        right: 44px;
        max-width: 200px;
        height: auto;
        max-height: 420px;
        background-color: #48294f;
        font-size: 120%;
        width: 240px;
    }

    #header #nav-main ul.languages{
        background-color: #000;
        width: 100%;
        border-right: none;
        display: inline-flex;
        padding-left: 12px;
        border-bottom: none;
        height: 40px!important;/*need*/
        padding-top: 5px;
    }

    #header #nav-main ul.languages li{
        padding: 0!important;
        display: block;
        margin: 0px;
        text-align: left;
        width: 100%;
        background: none;
    }

    #header #nav-main ul.languages li.selected {
        background-color: none;
    }

    #header #nav-main ul li{
        margin: 0px;
        text-align: left;
        width: 100%;
        padding: 0;
    }

    #header div.submenu.submenu-nav nav ul li a {
        width: 100%;
        height: 100%;
        display: block;
        padding: 6px 12px;
    }

    /*header ipad vertical*/
    #header div.container {
        height: 60px;
    }

    .nav-bar ul li.avatar .logged_in::after {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        width: 60px;
        height: 60px;
        border-radius: 0;
        background-size: 45px; 
    }

    .nav-bar ul li.avatar, .nav-bar ul li.tool-icon {
        width: 60px;
        height: 60px;
        /*right: -2px;*/
    }

    .nav-bar ul li.loginlink
    {
        width:60px;
        height:60px;
        line-height:60px;
    }

    #header div.submenu h1 a {
        color: #48294f;
        position: relative!important;
        top: -45px!important;
    }

    .tool .news p {
        line-height: 140%;
    }

    .tool .news {
        position: relative;
        margin: 0 0 24px 0;
        padding: 0 0 24px 20px;
        border-bottom: 1px solid #d6d6d6;
        font-size: 1.2em;
    }

    div#asset .right .container,
    div#asset .left .container{
        padding: 10px!important;
    }

    .entry-title, .entry-description{
        max-height: ;
    }

    /*new paddings for NEWS*/
    .tool.tool-17 .left .container {
        padding:0; 
        border-right:none;
    }

    .tool .news{
        padding: 5px;
    }

    #header #trigger-main-nav {
        cursor: pointer;
        width: 60px;
        height: 60px;
    }

    /*purple return arrow*/
    #header li.tool-icon a {
        line-height: 60px;
    }

    /*put out padding=0 in order to web not hiding under header menu in IPAD VERTICAL*/
    #main div.portals-intro{
        margin: 0;
    }

    .col-x2-1 > div.container, .col-x2-2 > div.container, .col-x3-1 > div.container, .col-x3-2 > div.container, .col-x3-3 > div.container{
        padding: 24px 12px;
    }

    /*put out padding-left in PORTAL CONTACT*/
    .large-separation div.right {
        padding-left: 0px;
    }

    /*COMPANIES*/
    .nav-stepped {
        height: 80px;
        line-height: 80px;
    }

    .nav-stepped ul {
        overflow: hidden;
        position: relative;
        top: 0px;
    }

    .nav-stepped ul li::before,
    .nav-stepped ul li.active::before {
        display: inline-block;
        position: relative;
        bottom: 15px;
        width: 20px;
        height: 20px;
        line-height: 20px;
    }

    .nav-stepped ul li a,
    .nav-stepped ul li.active a{
        display: none;
    }

    /*ACCOUNT padding*/
    .large-separation .left {
        padding-right: 0;
    }

    /*EDIT YOUR PROFILE PADDINGS*/
    .col-x2-2.content.left .container {
        padding: 24px 12px;
    }

    form#profile {
        margin-left: 1%;
        margin-right: 1%;
    }

    /*USER PROFILE*/
    #profile_user{
        margin-left: -2%;
        margin-right: -2%;
    }

    .btnprof_send {
        float: right;
        display:inline-block;
        width:auto;
        height:36px;
        margin:0 6px 0 0;
        padding:0px 18px;
        border:none;
        background-color:#29a7df;
    }

    .btnprof_send a{
        color:white;
        font-size:0.750em;
        font-weight:bold;
        text-align:center;
        text-transform:uppercase;
        line-height:36px;
    }

    #profile_user .imgprof {
        width: 100%;
        margin-bottom: 20px;
        padding-top: 15px;
    }

    #search-assets article.entry {
        overflow: hidden;
        float: left;
        width: 50%;
        height: 80px;
    }

    #search-assets article.entry .entry-left {
        width: 64px;
        margin: 0;
    }

    #search-assets article.entry .entry-left a {
        width: 100%;
    }

    #search-assets article.entry .entry-left a img {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
    }

    #search-assets article.entry .entry-right {
        width: calc(100% - 80px);
        max-height: 64px;
        overflow: hidden;
    }

    #search-assets article.entry a {
        display: block;
        overflow: hidden;
        max-height: 64px;
    }

    #search-assets article.entry .entry-right h3 {
        overflow: hidden;
        max-height: 64px;
        font-size: 1em;
    }

    #search-assets article.entry .entry-right p.entry-description {
        display: none;
    }

    /*css Maria for NAV HEADER LANGUAGES select options and hide original one*/
    .ocultar_lang{
        display: block;
    }

    .select_lang{
        display: none;
    }

    /*alerts*/
    .alert_option{
        margin-top: 10px;
    }

    #search p{
        margin: 10px 0 0 0;
    }

    /*nav FOOTER site info*/
    #header_siteinfo {
        height: auto;
    }

    .nav-secondary ul li {
        margin: 0 6px;
        font-size: 0.8em;
    }

    a.footer_legal{
        right: 90px;
        font-size: 0.75em;
    }

    .copyright {
        font-size: 0.75em;
    }

    .nav_siteinfo
    {
        padding-top: 0px;
        margin-top: -4px;
    }

    /*hide packtags in mobile*/
    .ocultar_packtags{
        display: none!important;
    }

    /****************/

    #search{
        width: 90%;
    }

    .packtags-list{
        display: none;
    }

    .inbox_detalle .label{
        width: 14%;   
        color: #777;
    }

    div.action-menu{
        display: none;
    } 

    .numberinbox{
        font-size: 1.2em;
    }

    .inbox_interno h2{
        font-size: 1.8em;
    }

    /*new Maria for color boxes in COMPANIES*/
    nav.nav-companies ul li.highlighted{
        width: 24%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        margin-bottom: 5px;
        height: 64px;
    }

    /*assets companies MARIA CSS*/
    ul.switch li{
        height: 50px;
        width: 20%;
    }

    ul.switch li img{
        max-width: 150%;
        max-height: 150%;
        margin: 0 auto;
        text-align: center;
    }

}

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

header.home nav#nav-lang.left.nav-secondary
{
	display:none;
}

    .col4321{width: 98%;}

    .col5432{width: 48%;}

    .col2121{width: 98%;}

    .col6543{width: 31.333%;} 

    .col321{width: 98%;}

    .tool.tools-grid li a img{
        width: 80%;
    }

    .tool.tools-grid li a p span.ocultarpack {
        display: none;
    }

    .tool.tool-videos ul li {
        margin-bottom: 20px;
    }

    /*******************************/

    p,
    li,
    input,
    select,
    textarea,
    .list-grid li a h2,
    .entry header h1,
    .entry header h2,
    .tooltip h4{
        font-size: 12px;
    }

     section#pacakgingDescription li{font-size: 14px;}

    /******************************/

    .send_rfq .button {
        font-size: 1em;
        line-height: 1.5em;
        height: auto;
        padding: 10px;
    }

    .stepped-finish {
        right: 0;
    }

    .inboxnew td:first-child, 
    .inboxnew td:last-child {
        font-weight: normal;
    }

    /*right columns banners and small news, img bigger*/
    /*not float anymore and 100% articles and banner img*/
    .col-x3-3 > div.container article {
        float: none;
        width: 100%;
    }

    img.img_banner_right {
        float: none;
        width: 100%;
        padding: 0px;
        max-width: none;
        max-height: none;
    }

    .formore{
        display: none;
    }

    .responsive20, .responsive80{
        float: left;
        width: 100%;
    } 

    /*SMALL NEWS in one column*/
    div#asset .asset-siblings div > .entry, div#asset .asset-related div > .entry {
        width: 100%!important;
        padding: 0px!important;
    }

    div#asset .asset-siblings div > .entry:nth-child(2n+2), div#asset .asset-related div > .entry:nth-child(2n+2) {
        padding: 0px!important;
    }

    nav.nav-companies ul li.highlighted{
        width: 32.333%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        margin-bottom: 5px;
        height: 64px;
    }

    #search-assets article.entry {
        overflow: hidden;
        float: left;
        width: 100%;
        height: 80px;
    }

    #search-assets article.entry:nth-child(2n+2) {
        padding: 0;
    }

    .tool .news .news-overlay {
        width: 97.5%;
    }

    a.editMode{
        display: none;
    }

    .slogan{
        display: none;
    }

    #header.home .logo {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .select_type_inbox ul li {
        height: 40px;
        padding: 0px 6px;
    }

    #blog_posts li.responsive50blog{
        height: auto;
        padding: 12px;
        margin: 0;
    }

    .col20{
        width: 100px;
        min-height: 100px;
        max-height: 100px;
    }

    #blog_posts .col20 img {
        min-height: 100px;
        max-height: 100px;
    }

    .col80 {
        width: calc(100% - 100px);
    }

    /*set_image_default*/
    .img_set_default img {
        border: 1px solid silver;
        width: 80px;
        height: 80px;
    }

    .img_set_default a {
        padding: 0 6px;
        border-right: 1px solid #bbb;
        font-size: 0.8em;
    }

    .img_set_default span{
        padding: 0 6px;
        border-right: 1px solid #bbb;
        font-size: 0.8em;
    }

    .nav-primary.center ul li {
        display: inline-block;
        margin: 0 auto;
        float: none;
        padding: 0 8px;
    }

    /******************/

    .inbox_detalle .label{
        width: 16%; 
        margin-right: 30px;
        color: #777;
    }

    .inbox_detalle .date{
        width: 70%;
    }

    h2.inboxdetailh2{
        margin-top: -20px!important;/*need*/
        margin-bottom: 20px!important;/*need*/
    }

    /*not show company message was send to*/
    .inbox_th th:nth-child(2) {
        display: none;
    }

    .inbox_td td:nth-child(2){
        display: none;
    }

    .col4,
    nav.fav-list ul li {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }

    #header_siteinfo {
        height: auto;
    }

    .sitemapPage h1 {
        text-align: center;
        margin: 20px 0 40px 0;
        font-size: 2em;
        line-height: 1.1em;
    }

    #blog_posts .responsive50blog .col20 {
        width: 100%;
        min-height: initial;
    }

}

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

    .tool.tool-people ul li {
        min-height: 150px;
    }

    .tool.tool-people ul li a .image {
        height: 120px;
    }

    /*HEADER MOVIL*/
    .nav-bar ul li.avatar .logged_in::after {
        background-size: 40px;
    }

    #header .logo img{
        max-height: 100%;
    }

    #header #nav-main:hover{
        display: block;
    }

    #header.home {
        height: 370px!important;
    }

    /*nav under search in desktop user logon*/
    .nav-primary.center ul li {
        font-size: 0.85em;
    }

    #header.home nav.nav-primary ul {
        margin-left: -20px;
    }

    .nav-secondary.right ul li {
        margin-left: 12px;
        margin-right: 0px;
        position: relative;
    }

    /*nav REGIONS/MARKETS... no-logon for mobile*/
    #header.home nav.nav-primary{
        margin-top: 30px;
    }

    #header.home nav.nav-primary ul li {
        float: none;
        margin-left: 8px;
        margin-right: 8px;
        font-size: 0.85em;
        padding: 0;
        width:25%;
    }

    /*NEWS*/
    .news:first-child h2 {
        font-size: 1.2em!important;/*need*/
        font-weight: bold;
    }

    .editor .right{
        display: none;
    }

    .columns-2 {
        -webkit-column-count: 1!important;
        -moz-column-count: 1!important;
        column-count: 1!important;
        -webkit-column-gap: 48px;
        -moz-column-gap: 48px;
        column-gap: 48px;
    }

    .tool .news .news-right {
        width: calc(100% - 10px);
    }

    .tool .news .news-left {
        width: 100%;
        height: 100%;
        margin: 0 12px 0 0;
    }

    /*ASSETS*/
    .ocultarpack{
        display: none;
    }

    /*USER PROFILE*/
    #profile_user .name {
        padding-top: 0;
        line-height: 1em;
    }

    /*SUBMENU 3 DOTS MENU FOR MOBILE*/
    .large-separation .left {
        padding-right: 0;
    }

    /*CREATE COMPANY*/
    .nav-stepped {
        margin-bottom: 0;
    }

    /*menu REGIONS/MARKETS...*/
    .col-x3-2 #search + nav {
        margin: 18px 0 0 0;
        text-align: center;
        padding: 0% 3%;
    }

    /*desktop home contact for more info*/
    #nav-lang ul {
        max-width: 80px;
    }

    #nav-lang ul li {
        width: 80px;
        max-width: 80%;
        max-height: 36px;
        overflow: hidden;
    }

    span.link.link_webs {
        font-size: 0.85em;
    }

    /*inbox labels*/
    .type_inbox li a {
        line-height: 40px;
        font-size: 0.7em;
    }

    a.footer_legal{
        right: 12px;
    }

    .copyright {
        display: none;
    }

    .nav_siteinfo ul li a {
        font-size: 0.8em;
    }


       section#pacakgingDescription{padding: 50px 20px;}


    section#pacakgingDescription .width50 {
        padding: 0;
     }

}

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

    body h2{
        font-size: 1.3em;
    }

    .max-width {
        max-width: 280px;
        padding: 0;
    }

    #search input {
        height: 45px;
    }

    .nav-primary.center ul li {
        font-size: 0.75em;
        margin-left: 8px!important;
        margin-right: 8px!important;
    }


    .bg-full {
        width: calc(100% + 24px);
        margin: -24px -12px 0px -12px;
        padding: 42px 0px 0px 0px;
    }

    .logo.tiny {
        width: 60px;
        height: 100%;
    }

    #header .logo img {
        width: 100%;
        padding-bottom: 10px!important;
    }

    .sitemapPage .logo.tiny {
        width: 15%!important;
    }

    .sitemapPage .nav_siteinfo {
        width: 85%!important;
    }

}

@media only screen and (min-width: 1125px){

#main div.col-x3-3.tooltip ul.packtags-list li p {
	    max-width: 210px;
}
	
}

@media only screen and (min-width: 1281px){
#main div.col-x3-3.tooltip ul.packtags-list li p {
	    max-width: 250px;
}
}

@media only screen and (min-width: 1481px){

#main div.col-x3-3.tooltip ul.packtags-list li p {
	    max-width: 290px;
}
	
}


/* my 3d */
#save3dconf, #publish3dconf {
    position: fixed;
    opacity: 1;
    z-index: 100;
    right: 20px;
    font-size: 16px;
    padding: 0 25px;
    height: 46px;
    line-height: 46px;
}

#publish3dconf
{
  right:120px;
}

/* .bg-background2 search override*/

#search-result .bg-background2.bg-full {

    min-height: 120px;
    padding: 26px 0px 0px;
}

/* GDPR */
.cloudprivacy-checkbox
{
  line-height: normal;
  margin-bottom:6px;
}
.cloudprivacy-checkbox.portal-login a
{
   display:inline;  
}
.cloudprivacy-checkbox.portal-registration a
{
   display:inline;  
}


.cloudprivacy-message {
  display:none;
    font-size: 0.9em;
    color: #d21c5c;
    margin-bottom: 10px;
    line-height: initial;
  margin-bottom:6px;
}