/************HEADER********/
.icon-search::before {
	content: '\eb60';
	font-family: unicons;
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#tasks_mobile, #notifications_mobile, #messages_mobile {
	margin-top: 10px;
}

@media only screen and (max-width: 960px) {
	/*******MENU SECONDARIO******/
	header nav li {
		display: inline-block;
		position: relative;
	}
	.secondary-nav-bar .content {
		position: relative;
		display: block !important;
		width: 100% !important;
		margin: 0px !important;
		padding: 0px;
		right: 0px;
		left: 0px;
	}

	.secondary-nav-bar a {
		font-family: 'Roboto', sans-serif;
		color: #fff;
		display: block;
		padding-right: 10px;
		font-size: 14px;
		transition: all .2s;
		text-transform: normal;
		color: #444;
	}
	.secondary-nav-bar li + li::before {
		content: "";
		width: 1px;
		height: 13px;
		position: absolute;
		top: 12px;
	}
	/*******FINE MENU SECONDARIO******/

	#messages_mobile h1, #notifications_mobile h1,  #tasks_mobile h1 {
		text-transform: normal;
		color: #777;
		font-size: 12px;
		font-weight: 300;
		margin: 0;
		margin-bottom: 8px;
	}
}
@media only screen and (max-width: 800px) {



	header .commands a.btn {
		text-align: center !important;
	}
	nav .notifications::after {
		content: attr(data-link);
		color: #666;
		display: list-item;
		font-family: 'Roboto', sans-serif;
		padding-left: 25px;
		font-weight: 300;
		font-size: 15px;
		top: 0px;
		height: 0px;
		transition: padding-left 0.5s ease; /* vendorless fallback */
		-o-transition: padding-left 0.5s ease; /* opera */
		-ms-transition: padding-left 0.5s ease; /* IE 10 */
		-moz-transition: padding-left 0.5s ease; /* Firefox */
		-webkit-transition: padding-left 0.5s ease; /*safari and chrome */
	}
	.notifications.connection[href="#grimlock-registrati-form-modal"], .notifications.task[href="#grimlock-accedi-form-modal"] {
		display:inline-block !important;
	}

	#global-search, .notifications.search, .notifications.connection, .notifications.message, .notifications[href="#partner"], .notifications[href="#tasks"], .notifications[data-link="Partner Finder"], .notifications[data-link="partner finder"], .left-compact-footer {
		display:none !important;
	}

	nav #global-search, nav .notifications.search, nav .notifications.task, nav .notifications.connection, nav .notifications.message, nav .notifications.profile, nav .notifications[href="#partner"], nav .notifications[data-link="partner finder"], nav .interal_menu > li > a{
		display:inline-block !important;
		border-bottom:1px solid #eee;
	}
	.interal_menu {
		margin-top: 20px !important;
	}
	header .tools .mytools {
		padding-top: 0px !important;
	}

	header .tools li {
		width: 48px;
		margin-right: 0px !important;
	}
	header .tools a.notifications[data-link]::after {
		font-size: 10px;
	}

	header .pure-u-1-5, header .pure-u-2-3 {
		display: block;
	}

	div.mytools .arrow-down {
		right: -17px;
	}
	nav .notifications[data-link="partner finder"]  .arrow-down {
		right: -16px;
	}

	.mobile{
		display: inline-block !important;
		width: 32px !important;
	}
	.mobile.owner_qas_mobile {
		width: 100% !important;
	}
	header .tools a.logo img {
		width: 60px;
		margin-top: 4px;
	}

	header .tools ul {
		margin-right: 35px !important;
	}

	header .tools a.profile img {
		width: 32px;
	}
	header .tools a.profile {
		height: 32px;
	}
	header li {
		margin-right: 0px;
	}
	.logo-mobile {
		height: auto;
		margin: 10px 15px 0 15px;
	}
	.logo-mobile img {
		width: 60px;
		height: auto;
		max-width: inherit;
	}
	header .tools .panel {
		padding: 8px;
	}
	header .tools .panel {
		padding-top: 10px;
	}
	#profile, #activity {
		right: 0px;
		z-index: 10000;
	}

	#contacts {
		right: 150px;
		z-index: 10000;
	}

	#messages, #notifications, #tasks {
		right: 0px;
		z-index: 10000;
	}
	.registration-page div.step1, .registration-page div.step2, .registration-page div.step3 {
		width:100%;
		float:left;
		position:relative;

	}
	.registration-page ul li {
		width:50% !important;
		float:left;
	}
	.registration-page ul li label{
		display: block !important;
		width:100% !important;
	}

	div.step2 a.button {
		width: 48% !important;
		padding: 12px;
		border: none;
		border-radius: 4px;
		margin: 5px;
		opacity: 0.85;
		display: inline-block;
		font-size: 17px;
		line-height: 20px;
		text-decoration: none; /* remove underline from anchors */
	}
	/* HBR */
	section.top.hbr {
		padding: 0;
		background: url(../img/hbr_img/top-hbr-rivista.jpg) 40% center no-repeat #A6B9D9;
		position: relative;
		z-index: 90;
		margin-top: 0px;
	}
	section.top.hbr .patch {
		width: 50%;
	}
	/* Fine HBR */

	/************HOME LEARNING********/
	section.top.Learning {
		background: url(../img/top-learning.gif) 40% center no-repeat #75AF05;
	}
	section.introArea#livelearning div.pure-u-1-5, section.introArea#lms div.pure-u-1-5, section.introArea#lms-courses div.pure-u-1-5, section.introArea#goodhabitz div.pure-u-1-5, section.introArea#hbr div.pure-u-1-5 {
		width: 100% !important;
	}
	section.introArea#livelearning div.pure-u-4-5, section.introArea#lms div.pure-u-4-5, section.introArea#lms-courses div.pure-u-4-5, section.introArea#goodhabitz div.pure-u-4-5, section.introArea#hbr div.pure-u-4-5 {
		width: 100% !important;
	}
	/************FNE HOME LEARNING********/

}
@media only screen and (min-width: 480px) {
	.logo-mobile {
		display: none !important;
	}
}
@media only screen and (max-width: 360px) {
	#contacts {
		right: 0px;
	}
	header .tools li {
		width: 43px !important;
		margin-right: 0px !important;
	}

	.event-calendar-item {
		padding: 10px;
		transition: transform .2s;
		width: 90%;
		height: 410px !important;
		margin: 0 auto 15px auto !important;
		border: 1px solid #ccc;
	}
	.learning h3 {
		font-size: 14px !important;
		min-height: 85px !important;
	}

}
@media only screen and (min-width: 360px) and (max-width: 480px){
	.event-calendar-item {
		padding: 10px;
		transition: transform .2s;
		width: 90%;
		height: 475px !important;
		margin: 0 auto 15px auto !important;
		border: 1px solid #ccc;
	}
	.learning h3 {
		font-size: 14px !important;
		min-height: 63px !important;
	}
	div.current-filters.mobileFilter  {
		display:block !important;
	}
	div.current-filters.mobileFilter h1 {
		font-weight:500;
		margin-top:5px !important;
	}

	div.current-filters.mobileFilter ul#filterCalendar.monthFilter {
		display:inline-block;
	}
	div.current-filters.mobileFilter ul#filterCalendar.monthFilter li  {
		display: inline-flex;
		font-size: 0.68em;
		border: 1px solid #ccc;
		padding: 2px 4px;
		width: 15%;
	}
	div.current-filters.mobileFilter ul#filterCalendar.monthFilter li a {
		color: #000;
		text-align: center;
		margin:0 auto;
	}
	div.current-filters.mobileFilter ul#filterCalendar.monthFilter li:hover {
		border: 1px solid #FB7D00;
	}
	div.current-filters.mobileFilter ul#filterCalendar.monthFilter li.active {
		border: 1px solid #FB7D00;
		background:#FB7D00;
	}
	div.current-filters.mobileFilter ul#filterCalendar.monthFilter li.active a {
		color:#Fff;
	}
	div.ls-item.youmans audio {
		width: 100%;
	}
	div.ls-item.youmans div.audio-logo  {
		width: 98%;
		margin-top: -125px;
	}
	div.ls-item.youmans #canvas1, #canvas2, #canvas3  {
		width: 100% !important;
		height: 170px;
	}

	element.style {
		width: 100%;
		margin-right: 5px;
	}
	.bhrt-mobile-add-project  {
		width: 100% !important;
	}
	.prj-bhrt-22 h3  {
		color: #fff;
		text-shadow: 2px 2px 2px #000;
	}
	div.pure-u-1-2.reg-button   {
		padding:0 !important;
		text-align: center !important;
	}
	.jconfirm-box-container.col-md-offset-4 {
		margin-left: 0% !important;
		width:100%;
	}
	.list-company-view {
		margin-left: 0px;
		width: 100%;
		padding: 20px;
	}
	#employment-status-edit ul li {
		padding-right: 0;
		width: 100%;
		margin-left: 10px;
		display: block;
		flex-direction: column;
		padding-bottom:5px;
	}
	div.addCompany {
		position: relative !important;
		padding-top:20px;
	}
	.list-company-view h1.company {
		font-size: 1.2em;
	}
	.list-company-view h3.jobTitle {
		font-size: 1.1em;
	}
	.list-company-view h3.position {
		font-size: 1.1em;
	}
	.list-company-view a.businessMail {
		font-size: 1.1em;
	}
	div#grimlock-editCompany-form-modal div#employment-status h2 {
		margin-bottom: 0px;
		margin-top: 0px;
	}
	div#grimlock-editCompany-form-modal div#employment-status form {
		width: 100%;
		padding:0;
	}
	div#grimlock-editCompany-form-modal div#employment-status div.commands {
		float: none !important;
		display: block;
		position: relative;
		text-align:center;
		clear:both;
	}
}
@media only screen and (min-width: 480px) and (max-width: 800px){
	header .tools ul {
		margin-right: 35px !important;
	}
	.main {
		padding-top: 70px;
	}

	.modal-dialog.modal-dialog-centered {
		margin-top: 150px !important;
	}
	#contacts {
		right: 150px;
	}
	div.current-filters.mobileFilter  {
		display:block !important;
	}
	div.current-filters.mobileFilter ul#filterCalendar.monthFilter li  {
		display: inline-flex;
		font-size: 0.68em;
		border: 1px solid #ccc;
		padding: 2px 4px;
		width: 15%;
	}
	div.current-filters.mobileFilter ul#filterCalendar.monthFilter li a {
		color: #000;
		text-align: center;
		margin:0 auto;
	}
	div.current-filters.mobileFilter ul#filterCalendar.monthFilter li:hover {
		border: 1px solid #FB7D00;
	}
	div.current-filters.mobileFilter ul#filterCalendar.monthFilter li.active {
		border: 1px solid #FB7D00;
		background:#FB7D00;
	}
	div.current-filters.mobileFilter ul#filterCalendar.monthFilter li.active a {
		color:#Fff;
	}
	div.ls-item.youmans audio {
		width: 100%;
		margin-top:50px;
	}
	div.ls-item.youmans div.audio-logo  {
		width: 98%;
		margin-top: -250px;
	}
	div.ls-item.youmans #canvas1, #canvas2, #canvas3  {
		width: 100% !important;
		height: 300px;
	}
	.form .content .edit-mode ul.companyModal li {
		width: 48%;
	}
	.form .content .edit-mode ul.companyModal li label {
		width: 48%;
	}
}

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

	header .tools a.logo  {
		display: none;
	}
	header .tools a.logo.login  {
		display: block;
	}

	header .tools ul {
		margin-right: 0px !important;
	}
	.modal-dialog.modal-dialog-centered {
		margin-top: 180px !important;
	}
	section.top {
		padding: 0 20px;
	}
	article .patch {
		width: 100% !important;
	}
	.undertop h2 {
		font-size: 15px !important;
		height: 30px;
	}
	section.introArea img {
		margin: 10px 0;
	}
	section#if02 div.title-if02_2, section#if02 div.title-if02_3, section#if02 div.title-if02_4, section#if02 div.title-if02_1 {
		margin-top: 20px;
	}
	.first-contact-bootbox {
		position: fixed;
		top: 25%;
		left: 5% !important;
		width: 90% !important;
		z-index: 10000000;
	}
	button.btn-chat-send {
		margin-top:-4px;
	}

	.login-page ul li label[for="privacy"] {
		text-align: left;
		font-size:14px !important;
	}
	.login-page ul li label[for="terms"] {
		text-align: left;
		font-size:14px !important;
	}
	.item.daily-event .eventImage {
		max-width: 100% !important;
		padding-right: 0px !important;
		width: 100%;
	}
	.registration-page {
		padding: 0;
		margin-left:0;
		float:left;
		width:100%;
		text-align: left;
	}
	.registration-page div.step1, .registration-page div.step2, .registration-page div.step3 {
		width:100%;
		float:left;
		position:relative;

	}
	.registration-page ul li {
		width:100% !important;
		float:left;
	}
	.registration-page ul li label{
		display: block !important;
		width:100% !important;
	}

	div.step2 a.button {
		width: 100% !important;
		padding: 12px;
		border: none;
		border-radius: 4px;
		margin: 5px;
		opacity: 0.85;
		display: inline-block;
		font-size: 17px;
		line-height: 20px;
		text-decoration: none; /* remove underline from anchors */
	}
	#conference-call .task-wizard li label {
		width: 100%;
	}
	#conference-call .task-wizard li input{
		padding: 6px;
		width: 35% ! important;
		display: inline;
	}
	#conference-call-owner .task-wizard li label {
		width: 45%;
	}
	#conference-call-owner .task-wizard li input{
		padding: 6px;
		width: 35% ! important;
		display: inline;
	}
	a#conference-call-add.btn.pull-right {
		top: -8px !important;
	}
	.btn.small  {
		font-size: 13px !important;
	}
	article .tasks .qa-mode .labelCall {
		width: 100%;
		font-size:13px;
		font-weight:600;
	}
	article .tasks .qa-mode .label time {
		margin-left: 3px;
	}
	article .tasks .qa-mode .availability div.commandsRight {
		text-align: center;
		padding: 0 0 8px 0;
		margin: 0 auto !important;
		width: 100%;
		float: right;
		font-size:14px;
	}
	article .tasks .qa-mode .availability div.confirmedRight {
		text-align: left;
		padding: 0 0 8px 0;
		margin: 0px auto;
		width: 100%;
		float: left;
		font-size: 14px;
	}
	.editRoom button.btn {
		font-size: 13px !important;
		margin-top: 5px;
	}
	.editRoom textarea {
		width: 100%;
	}
	#reschedule-Conference-0 .task-wizard li label, #reschedule-Conference-1 .task-wizard li label, #reschedule-Conference-2 .task-wizard li label {
		width: 45%;
	}
	#reschedule-Conference-0 .task-wizard li input, #reschedule-Conference-1 .task-wizard li input, #reschedule-Conference-2 .task-wizard li input{
		padding: 6px;
		width: 35% ! important;
		display: inline;
	}
	div.join-call ul {
		list-style-type: none;
		padding: 0 10px;
		margin: 0;
		border:none;
	}
	/***************PRICE MODAL ***************/
	.prices-modal-content {
		width: 100% !important;
		margin: 0;
		padding:15px;
	}
	.pt-special .pt-rows li.title {
		font-size: 24px;
	}
	.big-button {
		font-size: 13px;
		padding: 10px 10px;
		word-break: break-all;
		white-space: normal !important;
	}
	.attr-col {
		width: 150px;
	}
	.attr-col ul {
		font-size: 12px;
		padding-left: 0px;
	}
	.attr-col ul li {
		padding: 0 6px;
	}
	.pt-table {
		padding-left: 150px;
	}
	.pt-rows li span {
		width: 32%;
	}
	.pt-rows li.title {
		font-size: 20px;
	}
	/************FINE RICE MODAL********/

	/************HBR********/
	div.hbrBottomBanner div.hbrDealBanner {
		position: absolute;
		right: 14% !important;
		top: -15px !important;
		color: #fff;
		font-weight: 500;
		font-size: 18px;
		background: #D90000;
		padding: 5px 15px;
	}
	.learning-top-banner.hbr p {
		width: 100%;
	}
	div.hbr-pills {width:100%; }

	section.top.hbr.innovation {
		background: url(../img/hbr_img/top-hbr-innovation.jpg) top center no-repeat #E4E4E4;
	}
	section.top.hbr {
		padding: 0 !important;
		background: url(../img/hbr_img/top-hbr-rivista.jpg) 20% center no-repeat #A6B9D9 !important;
		position: relative;
		z-index: 90;
		margin-top: 40px !important;
	}
	section.top.hbr .patch h1 {
		font-size: 44px;
	}
	section.hbrRivista span.underline-heading {
		left: 39%;
	}
	section.hbrRivista.hbrAbbonamento div.hbr-sales-code {
		width: 80%;

	}
	section.form.hbr fieldset {
		padding: 16px;
		border-radius: 10px;
		margin: auto;
		display: contents;
		text-align: left;
	}
	/************FINE HBR********/

	/************GoodHabitz********/
	.learning-top-banner.gh {
		background-position: left !important;
		background-size: auto !important;
	}
	/************FINE GoodHabitz********/

	/************HOME LEARNING********/
	section.top.Learning {
		padding: 10px;
		background: #75AF05;
		position: relative;
		z-index: 90;
		margin-top: -39px;
	}
	section.top.Learning.guest {padding:100px 0 70px 0; background:url("../img/top-learning_guest.jpg") 0 0 no-repeat #FFC905; position:relative; z-index:90;margin-top:-27px;}
	section.introArea#livelearning div.pure-u-1-5, section.introArea#lms div.pure-u-1-5, section.introArea#lms-courses div.pure-u-1-5, section.introArea#gh div.pure-u-1-5, section.introArea#hbr div.pure-u-1-5, section.introArea#sk div.pure-u-1-5, section.introArea#ym div.pure-u-1-5, section.introArea#boom div.pure-u-1-5 {
		width: 100% !important;
	}
	section.top.Learning.member {
		padding: 55px 0 20px 0;
		background: #25263B;
		background-image: none;
		position: relative;
		z-index: 90;
		margin-top: -15px;
		background-size: cover;
	}
	div#bloccopopupattivo  {
		margin: 30% auto 0px !important;
	}
	div.pure-u-1-3.ls-content div.mr-20   {
		margin-right: 0px !important;
	}
	.learning .ls-content p, .learning .ls-content h2 {
		text-align: left !important;
	}

	/************FNE HOME LEARNING********/


	.learning .bp-item {
		width: 100%;
	}
	.learning div.bp-preferred {
		margin-left: 265px;
	}
	div#boxes div.modal-content a.login {;
		font-size: 17px !important;
	}
	.modal-content.Accedi {
		width: 90%;
		margin: 0 auto;
	}
	.learning-top-banner.livelearning {
		background-image: none !important;
		padding: 120px 20px 20px !important;
	}
	.learning-top-banner.livelearning p {
		width: 100%;
	}
	.learning-top-banner.lms, .learning-top-banner.lms-courses {
		background-image: none !important;
		padding: 120px 20px 20px !important;
	}
	.learning-top-banner.lms p, .learning-top-banner.lms-courses p {
		width: 100%;
	}
	section#categories.introArea, section#howto.introArea, section#projects.introArea, section#timeline.introArea, section#abstract.introArea {
		padding: 40px 0px !important;
		background-size:cover !important;
	}
	div#bhrt24 section#categories.introArea, div#bhrt24 section#vote.introArea, div#bhrt24 section#projects.introArea {
		background-size: cover !important;
	}

	div#bhrt23 section#categories.introArea, div#bhrt23 section#howto.introArea, div#bhrt23 section#projects.introArea, div#bhrt23 section#timeline.introArea, div#bhrt23 section#abstract.introArea {
		padding: 40px 0px !important;
		background-size: cover !important;
	}


	div.pure-u-1-5.bhrt-homeHit {
		width: 100%;
	}
	div.current-filters.mobileFilter  {
		display:block !important;
	}
	div.current-filters.mobileFilter h1 {
		font-weight:500;
		margin-top:5px !important;
	}
	div.waitBhrt {
		width: 90%;
	}
	div.pure-u-1-3.popup-bhrt-23-ls, div.pure-u-1-3.popup-bhrt-23-rs {
		width: 100% !important;
	}
	div.pure-u-1-3.popup-bhrt-23-ls img {
		max-width: 65% !important;
	}
	div.popup-bhrt-23-rs  {
		text-align:center !important;
		width:90%;
		font-size: 18px !important;
		line-height: 24px !important;
		font-weight: 500 !important;
	}
	div#trial_modal_commands div.checkbox label  {
		font-size: 14px !important;
		font-weight: 500 !important;
	}

	div.popup-bhrt-23 {
		padding:5% 1% !important;
	}
	.bhrt-top-banner-int {
		background-image: url(../img/bckgnd-top-int-23-no-logo.jpg);
	}
	div#boxes div.trial-modal-content h1 {
		font-size: 1.1em !important;
	}

	.bhrt-project-content h1 {
		min-height: auto !important;
	}
	div.bhrt-project-content .bhrt-prj-thumbnail {
		height: auto !important;
		background: none !important;
	}
	div.bhrt-project-content .bhrt-prj-thumbnail img {
		width: 100%;
		height: auto;
		object-fit: contain !important;
	}
	article .boxHits.Home h2 {
		font-size: 22px !important;
		line-height: 23px !important;
	}
	article .boxHits.Home div.bhrt-topTen-figure h3 {
		font-size: 1em;
	}
	/***************QA MULTISTEP ***************/
	.form-step {
		padding: 1rem;
	}
	.form-stepper .label {
		display: none;
	}
	.form-stepper .form-stepper-active .label {
		display: none;
	}
	section#step-2 ul.expertSelection, section#step-4 ul.expertSelection {
		width: 95% !important;
	}
	section#step-2 ul.expertSelection li, section#step-4 ul.expertSelection li {
		padding: 10px 30px;
	}
	section#step-2 ul.expertSelection li a, section#step-4 ul.expertSelection li a {
		font-size: 15px;
		line-height: 1.5em;
	}
	.btn-navigate-form-step.prev, .btn-navigate-form-step.next, .submit-btn  {
		float: none;
	}
	div#step-navigation.mt-3 {
		text-align:center;
	}
}


@media only screen and (min-width: 800px) {
	.mobile {
		display: none !important;
	}
	.main {
		padding-top: 86px;
	}
	section.top.hbr {
		padding: 90px 0;
		background: url(../img/hbr_img/top-hbr-rivista.jpg) 50% center no-repeat #A6B9D9;
		position: relative;
		z-index: 90;
		margin-top: 0;
	}
	/************HOME LEARNING********/


	/************FNE HOME LEARNING********/
}
@media only screen and (min-width: 800px) and (max-width: 1280px){
	.jconfirm-box-container.col-md-offset-4 {
		margin-left: 0%;
	}
	#ceremony article {
		max-width: 550px;
		margin: 20px auto;
	}

	.bhrt-large-outline {
		margin-bottom: 20px !important;
	}
}
/************FINE HEADER********/

/***************MENU MOBILE ***************/
/**
 * Panello latearle autouscente con navigazione
 * che esce al clic da sinistra
 */

.nav {
	/*  largezza libera, potrai sperimentare */
	width: 320px;
	min-width: 320px;
	/* fissimo e indichimo l'altezz massimale  */
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	margin: 0;
	/* spostimo(nscondimo)il panelo rispetto bordo sinistro della pagina  */
	right: -320px;
	/* spazzi interni */
	padding: 15px 20px;
	/* regoliamo la uscita del panello  */
	-webkit-transition: left 0.3s;
	-moz-transition: left 0.3s;
	transition: left 0.3s;
	/* indichimo il colore dello sfondo del panello */
	background: white;
	/* indichiamo che sara sopra tutti gli altri elementi della pagina  */
	z-index: 1000;
}


/**
 * Bottone interruttore del panello
 * tag <label>
 */
.nav-toggle {
	/* posizionamento assoluto*/
	position: absolute;
	/*  spazio rispetto bordo sinistro del panello  */
	right: 340px;
	/* rispetto bordo superiore  */
	top: 0px;
	/* spazzi interni  */
	padding: 0.5em;
	/* indichimo il colore dllo sfondo del interruttore
     * di solito corrisponde al colore del panello
    */
	background: white;
	/* colore del testo */
	color: #666;
	/* tipo del cursore */
	cursor: pointer;
	/* altezza del font */
	font-size: 25px;
	line-height: 1;
	font-weight: 900;
	/* sempre in prima vista rispetto altri elementi della pagina  */
	z-index: 2001;
	/* animazione del colore del testo al hover */
	-webkit-transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	transition: color .25s ease-in-out;
}

nav .nav-toggle {
	top: 0px !important;
}


/* identifichino il teso del bottone interruttore
 * simbolo Unicode (TRIGRAM FOR HEAVEN)
*/

.nav-toggle:after {
	content: '\2630';
	text-decoration: none;
}


/* colore del testo al hover  */

.nav-toggle:hover {
	color: #333;
}


/**
 * Checkbox nascosto
 * invisibile e inaccessibile  :)
 * nome del selettore del attributo del checkbox
 */

[id='nav-toggle'] {
	position: absolute;
	display: none;
}


/**
 * cambiamento della posizione del iterutore
 * in caso di dispositivi mobili
 * quando panello aperto si trova al interno del panello */

[id='nav-toggle']:checked ~ .nav > .nav-toggle {
	left: auto;
	right: 20px;
	top: 1em;
}


/**
 * Quando checkbox selezionato, aprire panello
 * usiamo pseudo-classe :checked
 */

[id='nav-toggle']:checked ~ .nav {
	right: 0;
	box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
	-moz-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
	-webkit-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
	overflow-y: auto;
}


/*
 * spostamento del contenuto della pagina
 * per largezza del panelo ,
 * non e obbligatorio il trucco, ma puoi sempre usarlo
*/

[id='nav-toggle']:checked ~ main > article {
	-webkit-transform: translateX(-320px);
	-moz-transform: translateX(-320px);
	transform: translateX(-320px);
}


/*
 * cambio simbolo del bottone interruttore ,
 * solita croce  (MULTIPLICATION X),
 * potrai utilizare qualsiasi altro simbolo
*/

[id='nav-toggle']:checked ~ .nav > .nav-toggle:after {
	content: '\2715';
}



/**
 * prefissi per Android <= 4.1.2
 *
 */
@-webkit-keyframes bugfix {
	to {
		padding: 0;
	}
}


/**
 * per dispositivi medie e piccoli
 */

@media screen and (min-width: 320px) {
	html,
	body {
		margin: 0;
		overflow-x: hidden;
	}
}

@media screen and (max-width: 320px) {
	html,
	body {
		margin: 0;
		overflow-x: hidden;
	}
	.nav {
		width: 100%;
		box-shadow: none
	}
}


/**
 * Definiamo lo stile del titolo(logo) del panello
*/

.nav h2 {
	width: 90%;
	padding: 0;
	margin: 10px 0;
	text-align: center;
	text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
	font-size: 1.3em;
	line-height: 1.3em;
	opacity: 0;
	transform: scale(0.1, 0.1);
	-ms-transform: scale(0.1, 0.1);
	-moz-transform: scale(0.1, 0.1);
	-webkit-transform: scale(0.1, 0.1);
	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	transition: opacity 0.8s, transform 0.8s;
	-ms-transition: opacity 0.8s, -ms-transform 0.8s;
	-moz-transition: opacity 0.8s, -moz-transform 0.8s;
	-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
}

.nav h2 a {
	color: #dadada;
	text-decoration: none;
	text-transform: uppercase;
}

/*Uscita morbida del titolo(logo) al apertura del panello  */

[id='nav-toggle']:checked ~ .nav h2 {
	opacity: 1;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	width: 100%;
}

/**
 * Decoriamo il menu
 * usando la lista non numerata per le voci
 * aggiungiamo passaggi morbidi e trasformazioni
 */

.nav > ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav > ul > li {
	line-height: 2.5;
	opacity: 0;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
	-webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
	-moz-transition: opacity .5s .1s, -moz-transform .5s .1s;
	-ms-transition: opacity .5s .1s, -ms-transform .5s .1s;
	transition: opacity .5s .1s, transform .5s .1s;
}

[id='nav-toggle']:checked ~ .nav > ul > li {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

/* impostiamo intervalli di apparizone dei voci del menu  */

.nav > ul > li:nth-child(2) {
	-webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
	transition: opacity .5s .2s, transform .5s .2s;
}

.nav > ul > li:nth-child(3) {
	-webkit-transition: opacity .5s .3s, -webkit-transform .5s .3s;
	transition: opacity .5s .3s, transform .5s .3s;
}

.nav > ul > li:nth-child(4) {
	-webkit-transition: opacity .5s .4s, -webkit-transform .5s .4s;
	transition: opacity .5s .4s, transform .5s .4s;
}

.nav > ul > li:nth-child(5) {
	-webkit-transition: opacity .5s .5s, -webkit-transform .5s .5s;
	transition: opacity .5s .5s, transform .5s .5s;
}

.nav > ul > li:nth-child(6) {
	-webkit-transition: opacity .5s .6s, -webkit-transform .5s .6s;
	transition: opacity .5s .6s, transform .5s .6s;
}

.nav > ul > li:nth-child(7) {
	-webkit-transition: opacity .5s .7s, -webkit-transform .5s .7s;
	transition: opacity .5s .7s, transform .5s .7s;
}


/**
 * decoriamo link delle voci del menu
 */

.nav > ul > li > a {
	display: inline-block;
	position: relative;
	padding: 0;
	font-weight: 300;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	color: #666;
	width: 100%;
	text-decoration: none;
	/* passagio morbido */
	-webkit-transition: color .5s ease, padding .5s ease;
	-moz-transition: color .5s ease, padding .5s ease;
	transition: color .5s ease, padding .5s ease;
}
nav > ul > li > a > i {
	margin-right: 5px;
}

/**
 * stato dei link al passaggio del mouse
 */

.nav > ul > li > a:hover,
.nav > ul > li > a:focus {
	color: #333;
	padding-left: 15px;
}


/**
 * sottolineatura dei link del menu
 */

.nav > ul > li > a:before {
	transition: width 0s ease;
}

.nav > ul > li > a:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 0px;
	width: 100%;
	background: #666;
	-webkit-transition: width .5s ease;
	transition: width .5s ease;
}


/**
 * animazione delle linea di sottolineatura al hover
 */

.nav > ul > li > a:hover:before {
	width: 0%;
	background: #666;
	-webkit-transition: width .5s ease;
	transition: width .5s ease;
}

.nav > ul > li > a:hover:after {
	padding-left:40px;
	background: transparent;
	-webkit-transition: padding-left .5s ease;
	transition: padding-left .5s ease;
}


/* lo sfondo oscurante della pagina
 * in questo caso ellementi vengono blocati */


.mask-content {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	visibility: hidden;
	opacity: 0;
}

[id='nav-toggle']:checked ~ .mask-content {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .5s, visibility .5s;
	transition: opacity .5s, visibility .5s;
}

nav .lang {
	padding-top: 35px !important;
	padding-bottom: 10px !important;
}

nav .ico-search {
	width: 32px;
	height: 36px;
	border: 0;
	margin: 0px 0px 0px -36px !important;
	content: '\eb60';
	transition: all .3s;
	vertical-align: top;
	background: #f4f4f4;
	font-size: 18px;
}

#ch_lang_chosen, nav #ch_lang {
	width: 100% !important;
}

nav #ch_lang {
	font-family: 'Roboto', sans-serif !important;
	font-size: 13px !important;
	padding: 10px 15px !important;
	vertical-align: top !important;
	background: #f4f4f4 !important;
	border: 1px solid #f4f4f4 !important;
	box-shadow: none !important;
}

nav input[type="text"] {
	font-family: 'Roboto', sans-serif !important;
	width: 100%;
	font-size: 13px !important;
	padding: 10px 15px !important;
	vertical-align: top !important;
	background: #f4f4f4 !important;
	border: 1px solid #f4f4f4 !important;
	box-shadow: none !important;
	display: inline !important;
}

nav a.notifications[data-notifications]::before {
	content: attr(data-notifications);
	color: #FFF;
	display: block;
	min-width: 14px;
	padding: 0 5px;
	border-radius: 10px;
	background: #FB7D00;
	position: absolute;
	top: 6px;
	right: 0px;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
}

#global-search-mobile {
	display: inline-block;
	position: relative;
	left: auto;
	white-space: nowrap;
	width: 100%;
}

nav h2 img {
	max-width: 105px;
	border: 5px solid #ebebeb;
	border-radius: 50%;
}
nav h2 a.notifications[data-notifications]::before {
	right: 75px;
}


/*********FINE MENU MOBILE**************/

/******CONTENT***********/
article .current-filters {
	min-height: 60px;
}
article .results.qas .item img {
	font-size: 10px;
}
.item iframe {
	width: 95%;
}
@media only screen and (max-width: 780px) {
	.left-rail, .right-rail {
		display:none !important;
	}
	.main-rail {

		width: 100%;

	}
	aside.right-rail.bhrt-project {
		display: block !important;
		width: 100%;
		margin-bottom: 10px;
	}
	div.pure-u-13-24.main-rail  {

		width: 100%;
	}

	.contacts > .pure-u-1-4.left-rail {

		display: block !important;
		width: 100%;
		margin-bottom: 10px;
	}
	.left-sidebar-banner {
		display:none !important;
	}

	.tasks > .pure-u-3-5 {
		width: 100% !important;
	}
	/******DOCUMENT******/
	.documents .pure-u-3-4 {
		width: 100%;
		padding-right: 10px;
	}
	/******FINE DOCUMENT******/
	/********ARTICLE *****/
	article .activity-stream div.command ul li {
		width: 90%;
		margin: 5px;
	}

	article .current-filters h1 {
		visibility: inherit !important;
	}

	article .search-contacts {
		width: 100%;
	}

	article .current-filters h1 {
		display: inline-block;
	}

	.content.cf .pure-g-r > .pure-u, .content.cf .pure-g-r > [class*="pure-u-"] {
		text-align: center;
	}

	article .results .item .content.cf img {
		float: initial;
	}

	/********FINE ARTICLE *****/

	/********COMMENTI**********/
	#comment .pure-g{
		padding: 0 20px;
	}
	#comment figure {
		margin: 0;
	}
	#comment figure img{
		width: 40px;
	}
	#comment .pure-u-7-8{
		padding-left: 15px;
	}
	#comment textarea {
		width: 100%;
	}
	#comment button {
		float: right;
		margin-right: 0px;
	}
	/*****FINE COMMENTI******/

	.learning-item {
		padding-right: 0px;
	}

	.replies > .item {
		width: 100%;
	}

	article .social-stream div.command ul li {
		padding-right: 10px;
	}

	.learning-splash div.learning-item {
		margin-bottom: 10px;
	}

	/******PARTNER*******/
	.partner-results .marginforbuttons.partner-name, .partner-results .marginforbuttons.partner-address, .partner-results .partner-categories.qa-text-container h3 {
		margin-right: 0px !important;
		width: 100% !important;
	}

	.partner-results figure {
		display: inline-block !important;
		float: initial !important;
	}

	.partner-results figure img {
		margin: 0px !important;
	}

	.partner-results .action-button-holder {
		float: none;
	}
	div.item.cf.partner-result .seperator  {
		display:none;
	}
	div.item.cf.partner-result img.partner-logo    {
		position: absolute;
		right: 20px;
		top: 20px;
		width: 90px !important;
		height: 90px !important;
		border-left: 1px dotted #ccc;
		padding-left: 20px;
		max-width: 90px !important;
	}
	.partner-results .action-button-holder   {
		text-align:center !important;
	}
	.partner-results .action-button-holder button   {
		width:auto !important;
		margin:0 10px !important;
	}
	div.item.cf.partner-result span.start-rating  {
		clear: both;
		position: relative;
		display: block;
		margin: 6px 0;
	}

	/******FINE PARTNER******/

	article .tasks .pure-u-19-24 {
		width: 100%;
	}

	/********FORM REGISTRAZIONE*****/
	.form .content ul li {
		width: 100%
	}
	.form .content ul li label[for="terms"], .form .content ul li label[for="privacy"]{
		text-align: left;
	}
	.form .content .commands button, #pulsanteInvio {
		width: 100%;
	}

	/********FINE FORM REGISTRAZIONE*****/
	/*********LOGIN***********/
	#registrazione-box .pure-u-1-3, #registrazione-box .pure-u-2-3 {
		width: 100%;
		margin-bottom: 10px;
	}

	.modal-content .login-form .pure-u-1-2 {
		width: 100%;
		margin-bottom: 10px;
	}

	.modal-content .login-form input[type=username], .modal-content .login-form input[type=password] {
		width: 100%;
	}
	input, .modal-content .button {
		width: 23%;
	}

	.modal-content .login-form .pure-u-1-2 .social-btn {
		margin: 0px;
	}

	.modal-content .login-form .pure-u-1-2 .login-btn {
		margin: 0px;
		width: 100%;
	}

	section#registrazione-box.form div.pure-u-1-2 {
		width: 100%;
	}
	section#registrazione-box.form div.login-btn input[type=username], .modal-content .login-btn input[type=password] {
		width: 100%;
	}
	/*********FINE LOGIN******/

	.btn.orange_bg.btn-text-large.uppercase {
		width: 100%;
		text-align: center;
	}
	/*********MODAL VIDEO***********/
	.trial-modal-content.left {
		margin-top: 60px;
	}
	.modal-dialog.modal-dialog-centered.prices {
		margin: 0px !important;
		padding: 0px !important;
		width: 100% !important;
		min-width: auto !important;
	}
	.modal-content {
		min-height: auto;
	}
	.modal-content-small {
		min-height: auto;
	}
	.trial-modal-content.left {
		text-align: left;
		min-height: auto;
		position: fixed;
		top: 0px;
		padding: 10px;
		width: 100% !important;
	}
	.modal-content .pure-gr{
		width: 100%;
	}
	.modal-content .pure-u-5-8{
		width: 100% !important;
		height: auto !important;
	}
	.pure-u-1-3.modalview {
		width: 100% !important
	}
	/********* FINE MODAL VIDEO********/


	.form .content select {
		width: 100%;
	}
	.btn.grey_bg_outline.cancel, .btn.orange_bg_outline.act {
		width: 100%;
		text-align: center;
		margin: 5px 0px !important;
	}
}
@media only screen and (min-width: 780px) and (max-width: 1024px){
	.bhrt-projects div.pure-u-1-4.bhrt-project-content {
		min-height: 625px;
	}
	div.bhrt-project-content .bhrt-prj-thumbnail {
		height: 130px;
		background: #00375F;
	}
	div.bhrt-project-content .bhrt-prj-thumbnail img {
		width: 210px;
		height: 130px;
		object-fit: scale-down;
	}
}

@media only screen and (min-width: 780px) and (max-width: 960px){
	.main-rail {
		padding-left: 10px ;
	}
	.pure-u-1-4.bhrt-categories {
		width: 25% !important;
	}

	/*******LAYOT 3 COLONNE*********/
	article .tasks .profile img {
		float: initial;
		margin-right: 0px;
	}
	article .right-sidebar-partner-banner {
		margin-left: 5px !important;
	}
	article .profile {
		margin-right: 5px !important;
	}
	article .profile .content .commands .btn {
		font-size: 12px !important;
	}
	article .left-sidebar-banner, article .left-compact-footer {
		width: 95%;
	}
	.left-compact-footer .social a {
		width: 20px;
		height: auto;
	}
	article .profile-badge ul li a.badgeProfile {
		font-size: 12px;
	}
	/*******FINE LAYOT 3 COLONNE*********/


}
@media only screen and (max-width: 480px) {
	.c-box-cstm-arrow-up::after{
		content: "";
		width: 0;
		height: 0;
		display: block;
		position: absolute;
		z-index: 10;
		border: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		margin-left: -10px;
		margin-top: 0;
		top: 100%;
		left: 50%;
		border-top: 10px solid #C39821;
		bottom: -10px;
	}

	.popup-team{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}


	.item.daily-event > .pure-g > .pure-u-1-3 {
		width: 100%;
		text-align: center;
	}
	.item.daily-event > .pure-g > .pure-u-2-3 {
		width: 100%;
	}
	.item.daily-event > .pure-g > .pure-u-1-2 {
		width: 100%;
	}
	.join-events ul li {
		width: 100%;
	}
	.btn.orange_bg.btn-text-large.uppercase {
		width: 100%;
		white-space:normal;
	}
	/****ITEM ***/
	.item.cf > .pure-g > .pure-u-1-2 {
		width: 100%;
		text-align: center;
	}

	.item.cf > .pure-g > .pure-u-1-2  > .info.home{
		width: 100%;
		padding: 0px;
		min-height: auto;
		text-align: left;
		margin: 0;
	}

	.item.cf > .pure-g > .pure-u-1-2  > .info.home > .counters{
		float: right;
		position: initial;
	}

	.item.cf > .pure-g > .pure-u-1-2  > .action-button-holder > button {
		width: 100%;
		margin: 0px;
	}
	/****FINE ITEM***/

	article .tasks .task .chosen-container {
		width: 100% !important;
	}

	article .profile-page img {
		float: initial !important;
		margin-right: 0px !important;
	}

	/**********INSERT POST ********/
	#post_insert .pure-g-r > .pure-u-1-2 > p {
		text-align: left;
	}
	#post_insert .pure-g-r > .pure-u-1-2 > p > select{
		width: 100%;
	}
	#documents #document-titles {
		text-align: center
	}
	#documents #document-titles .attachLabel {
		display: block;
		width: 100%;
	}
	#documents #document-titles .inline-options {
		width: 100%;
	}

	/*****MODAL REGISTRAZIONE*****/
	.modal-content form .pure-u-1-3 {
		width: 100% !important;
		padding-bottom: 10px;
	}
	.modal-content form .pure-u-1-3 .login-btn, .modal-content form .pure-u-1-3 .social-btn{
		width: 100%;
		margin: 0px;
	}
	/*****FINE MODAL REGISTRAZIONE*****/
	article hgroup h1{
		margin-bottom: 5px !important;
	}
	.tabber {
		padding-bottom: 30px !important;
	}
	.tabber .views {
		display: block !important;
		position: initial !important;
		float: right !important;
		margin: 5px 5px !important;
	}
	.btn.orange_bg_outline.btn-text-large.uppercase {
		width: 100% !important;
		text-align: center !important;
	}
	.info .pure-g .pure-u-1-2 {
		width: 100% !important;
	}
	.tasks.custom-event-task > div.event-digest-summary.qa-mode {
		margin-top: 40px !important;
	}
	label[for="terms"] {
		margin-bottom: 15px !important;
	}

	.undertop a h2 {
		font-size: 15px !important;
		margin: 10px auto;
	}

	section.prices .pricing-table {
		width: 100%;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	section#registrazione-box.form div.login-btn input[type=username], section#registrazione-box.form div.login-btn input[type=password], section#registrazione-box.form div.login-btn input[type=text] {
		font-size:0.8em !important;
	}
	section#registrazione-box.form div.login-btn {
		padding: 0;
		border: none;
		border-radius: 10px;
		margin-right: 0px;
	}
	div.current-filters.learningAreas  {
		display:block !important;
	}
	div.current-filters.learningAreas ul  {
		padding: 0 0 0 10px;
		list-style:none;
		margin: 0.5em 0;
	}
	div.current-filters.learningAreas h3  {
		margin: 0;
	}
	div.current-filters.learningAreas .btn.more.learning-areas {
		position:absolute;
		top:10px;
		right:10px;
		padding:5px 10px;
	}
	.bhrt-huge-btn  {
		word-wrap:normal !important;
		white-space: normal !important;
	}
	aside.left-rail.bhrt-myPage   {
		display:block !important;
		width: 100% !important;
	}
	aside.left-rail.bhrt-myPage div.bhrt-profile-page {
		margin-right: 0px;
		margin-top: 10px;
	}
	aside.left-rail.bhrt-myPage div.bhrt-hrd figure i {
		left: -20px;
		top: -20px;
	}

	/*********PARTNER FINDER******/
	.bigger_qa figure img.partner-image {
		max-width: 140px !important;
		max-height: 140px !important;
		border: 3px solid #eee;
		padding: 10px;
		width: 90%;
		height: auto;
		border-radius: 100% !important;
	}
	div.item.cf.partner-result .seperator  {
		display:none;
	}
	div.item.cf.partner-result img.partner-logo    {
		position: absolute;
		right: 20px;
		top: 20px;
		width: 100px !important;
		height: auto !important;
		border-left: none;
		padding-left: 20px;
		max-width: 100px !important;
	}
	.partner-results .action-button-holder   {
		text-align:center !important;
	}
	.partner-results .action-button-holder button   {
		width:auto !important;
		margin:0 10px !important;
	}
	div.item.cf.partner-result span.start-rating  {
		clear: both;
		position: relative;
		display: block;
		margin: 6px 0;
	}
	div.pure-u-1-4.myhrgoal-chat-box {
		height: 55%;
		position: relative;
		overflow: hidden;
		padding-right: 10px;
		margin-bottom: 10px;
		display:block;
	}
	div.pure-u-1-2.chat-backPartner {
		position: absolute;
		bottom: 30px;
		display:block;
		text-align:center !important;
	}
	img.partner-image {
		min-height:228px;
		object-fit: cover;
	}
}
@media only screen and (max-width: 960px) {
	/*********MESSAGE******/
	.conversations .item, .conversation .message {
		text-align: left;
		white-space: initial;
	}
	.conversations .item .text, .conversation .message {
		white-space: initial !important;
	}
	/******FINE MESSAGE*****/
	.submenu li {
		width: 100% !important;
	}

	.submenu li a {
		padding: 0px !important;
	}

	.content .content {
		padding: 0px;
	}
	/********LEARNING*********/
	.learning .video, .video-thumbnail, .video-thumbnail img, div.learning-item a, div.learning-item a img{
		width: 100% !important;
	}
	.learning-top-banner {
		padding: 140px 0 20px !important;
	}
	.learning-top-banner.lms p, .learning-top-banner.lms-courses p {
		color: #000;
		width: 100%;
	}
	.video.learning-item {
		padding-right: 0px;
	}
	section#if02 div.title-if02_2, section#if02 div.title-if02_3, section#if02 div.title-if02_4, section#if02 div.title-if02_1 {
		margin-right: 0px;
	}
	.learning .video {
		margin-bottom: 10px;
	}
	.learning h3 {
		min-height: 50px;
	}
	.learning h3.hbr-elenco-title {
		min-height: 50px;
		width:100%;
		font-size:18px;
	}
	.newlaybuttons1 {
		margin: 20px;
	}
	.btn.grey_bg_outline.btn-text-large.uppercase, .btn.orange_bg_outline.btn-text-large.uppercase {
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}

	.main {
		padding-top: 110px;
	}
	/*********FINE LEARNING ************/

	/*********CARD *********************/
	section.card {
		margin: 0px 50px;
		padding: 0px;
	}
	/*********FINE CARD ********/

	/*****EVENT **********/

	.item.daily-event .digest-infos .share{
		width: auto;
	}
	.item.daily-event .digest-infos .share .tools {
		float: right;
	}

	.item.daily-event .btn.grey_bg_outline.btn-text-large.uppercase {
		margin-top: 10px;
		width: 100%;
		font-size: 12px !important;
		text-align: center;
		white-space: initial;
	}
	/******FINE EVENT *****/

	/********BUTTONS********/
	.commands-contact a {
		text-align: center;
	}
	.icon-remove::before {
		content: "\e604";
	}
	article .current-filters #current-filters .filter {
		font-family: 'Roboto', sans-serif;
		color: #999;
		background: #f4f4f4;
		padding: 4px 6px;
		display: inline-block;
		vertical-align: top;
		margin-right: 4px;
		margin-top: 4px;
		font-size: 11px;
	}
	.network-buttons a {
		font-size: 12px !important;
		text-align: center !important;
	}
	div.tooltipFlix.large a {
		width: 100% !important;
	}

	.btn.act.btn-text-large.uppercase {
		width: 100%;
		text-align: center;
	}
	.btn.orange_bg_outline.btn-text-large.uppercase.partner-chat-action {
		margin: 10px 0px;
	}
	/******* FINE BUTTONS *******/

	/****CALENDAR********/
	.homeCalendar.calendar-item {
		padding-right: 0px;
	}
	div.calendar-item a.logo {
		width: 100%;
		text-align: center;
	}
	.calendar-item div.date div.dateSx {
		float: left;
		text-align: left;
	}
	.newlaybuttons1 {
		text-align: center !important;
		margin-bottom: 30px;
	}
	/******FINE CALENDAR ******/

	.left-sidebar-banner, .right-sidebar-banner {
		margin: 10px 0px !important;
		width: 100%;
		text-align: center;
	}
	.boxCalendar, .learning-space, .right-sidebar-banner, .boxHits {
		margin-left: 0px !important;
	}

	div.pure-g-r.features p, section.introArea p {
		padding-right: 0px !important;
	}
	.form .content {
		padding: 20px !important;
	}
	article .profile-page {
		margin-right: 0px;
	}
	.section.addresses li {
		padding-right: 0px !important;
	}
	article .myProfile h1 {
		text-align: center;
	}

	/*********INTRO**********/
	.introArea .pure-u-2-3{
		padding: 0 10px;
	}
	section.tag h2, section.tag .AreaTitle h4 {
		text-align: center;
	}

	section.tag .areaTematica, section.tag #areaTag label, section.tag #areaTag ul li:last-child {
		margin-right: 0px;
		width: 100%;
	}
	section.tag .areaTematica {
		min-height: auto !important;
	}
	#areaTag label::before, #areaTag label::after {
		position: initial;
	}
	li[role="presentation"] {
		display: none;
	}

	.introArea {
		padding: 5px 0;
		text-align: center;
	}
	.introArea .pure-u-1-3, .introArea .pure-u-1-4, .introArea .pure-u-1-2, .introArea .pure-u-2-3{
		width: 100%;
	}

	.introArea h2{
		padding-right: 0px !important;
	}
	div#bhrt_cessione_terzi {
		padding: 20px 10px;
	}

	div.videoLearning {padding-right:0 !important;
		margin-bottom:20px;}

	/***** FINE INTRO **********/

	article .patch {
		width: 60% ;
	}
	.undertop h2{
		font-size: 20px !important;
	}
	.login-form > form{
		padding: 0px;
		margin: 0px;
		width: 100%
	}
	.modal-dialog.modal-dialog-centered {
		margin-top: 50px !important;
	}
	.modal-dialog.small.modal-dialog-centered {
		margin-top: 50px !important;
	}
	#areaTag label::before {
		font-size: 20px;
		left: auto;
	}

	section.tag #areaTag ul li:last-child .container {
		text-align: center;
	}

	/******** BANNER **********/

	.content.cf div.logo-format {
		margin-top: 60px !important;
	}

	/******** FINE BANNER **********/

	.mobile.owner_qas_mobile a {
		position: relative;
	}

	.mobile.owner_qas_mobile a figure{
		position: relative;
		float: left;
		margin-right: 10px;
		width: 70px;
		height: 70px;
	}

	.mobile.owner_qas_mobile a figure img{
		font-size: 10px;
		width: 54px !important;
	}

	.mobile.owner_qas_mobile a h1{
		display: block !important;
		font-size: 17px;
		margin: 0px;
		font-weight: bold;
	}

	.mobile.owner_qas_mobile a h2{
		display: block !important;
		font-size: 14px;
		color: #666;
		margin: 0px;
		padding-left: 20px;
	}

	.mobile.owner_qas_mobile a h3{
		display: block !important;
		font-size: 14px;
		margin: 0px;
		background: none;
		color: #666;
		font-weight: bold;
	}
}
/************FINE CONTENT********/

/********FOOTER*********/
@media only screen and (max-width: 800px) {
	footer {
		/*display:none !important;*/
	}

	footer .pure-u-1-8, footer .pure-u-1-4, footer .tools1 p{
		display:none !important;
	}
	footer .tools1 a {
		float:left;
		margin: 10px 4px;
		font-size: 11px;
	}

	footer {
		z-index: 99999;
		position: fixed;
		bottom: 0px;
		margin: 0 0;
		padding: 0px;
		text-align: center;

	}
	footer .social ul {
		margin: 5px 10px;
	}
	footer .lang, footer .social {
		float:left;
	}
	footer .lang {
		margin: 5px 0px;
	}
	footer .lang form select {
		font-size: 14px !important;
	}
	footer .social a {
		width: 24px;
		height: 24px;
		line-height: 24px;
	}
	footer .social a i {
		font-size: 16px;
		margin-left: 5px;
	}
	footer .chosen-container-single .chosen-single {
		height: 27px;
		line-height: 27px;
	}
	footer br, nav .lang br {
		display: none;
	}
	footer .fa.fa-globe {
		display: none;
	}
	footer .lang {
		padding-left: 0px;
		min-width: auto;
	}
}
@media only screen and (max-width: 360px) {
	footer .tools1 a {
		margin: 10px 4px;
		font-size: 10px;
	}


}

/************BHRT********/
@media (max-width: 768px) {
	div.bhrt-select-category li {
		max-width: 24.3%;
	}

	div.bhrt-select-category label img {
		height: 90px;
		width: 130px;
	}
	.right-manage-prj input#prj_title {
		width: 100%;
	}
	.list-company-view {
		margin-left: 0px;
		width: 100%;
		padding: 20px;
	}

}
@media (max-width: 480px) {
	img.banner-home-desktop {
		display: none;
	}
	img.banner-home-mobile {
		display: block;
		margin-top:-70px;
	}
	header .tools li {
		width: 47px;
		margin-right: 0px !important;
	}
	.bhrt-big-green {
		padding: 15px 30px !important;
	}
	.bhrt-big-red {
		padding: 15px 30px !important;
	}
	.pure-u-1-4.bhrt-categories {
		width: 50%;
	}
	.bhrt-category {
		height: 175px;
		margin: 0px;
	}
	#ceremony article {
		padding: 0;
		max-width: 250px;
		margin: 0 auto;
	}
	div#bhrt25 section#ceremony.introArea h2  {
		line-height: 34px;
		font-size: 32px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		margin-top: 30px;
	}
	div#bhrt25 section#ceremony.introArea p {
		line-height: 29px;
		font-size: 20px;
	}
	.bhrt-large-outline  {
		margin-bottom:20px !important;
	}
	.pure-u-1-5.bhrt-categories {
		width: 100%;
	}
	.bhrt-project-content {
		width: 97%;
	}
	.bhrt-edit-video ul li {
		width: 100%;
		height: auto;
		margin-bottom:5px;
	}
	#grimlock-share-video-form-modal div.share-video {
		padding: 0px;
	}
	#add-member-list-modal ul.bhrt-member-email-form input{
		width:100% !important;
	}
	#add-member-list-modal .modal-dialog.small h1.likeTitle, #grimlock-upload-video-form-modal .modal-dialog.small h1.likeTitle {
		width: 90%;
	}
	#add-member-list-modal .action-button-holder {
		margin-top: 0px;
	}
	div.bhrt-select-category li {
		max-width: 49.3%;
	}
	div.bhrt-select-category label img {
		height: 90px;
		width: 132px;
	}
	.bhrt-profile-page h1.small-prj {

		float: left;
		width: 100%;
	}
	.left-manage-prj {
		height: 100%;
		left: 20px;
		width: calc(100% - 40px);
		max-height: 360px;
		border-right:1px solid #ccc;
	}
	.left-manage-prj.bhrt-pdf {
		min-height: 900px;
	}
	.right-manage-prj input#prj_title {
		width: 100%;
	}
	div.box_modifica_dati div.input_modifica_dati {
		margin: 0 5px 0px 0;
	}
	div.box_modifica_dati div.input_modifica_dati select {
		width: 100%;
	}
	div.box_modifica_dati div.input_modifica_dati select#change_aree1 option{
		word-break: break-word;
		white-space: normal;
		margin: 0 6px 6px 0;
	}
	div.box_modifica_dati div.checkbox {
		width: 100%;
	}
	div.box_modifica_dati .modal-content .login-form .btn.orange_bg_outline.btn-text-large.uppercase {
		width: 47% !important;
	}
	div.box_modifica_dati .modal-content .login-form .btn.grey_bg_outline.btn-text-large.uppercase {
		width: 47%;
	}
	.bhrt-top-banner-int div.bhrt-private-intro {
		color: #fff;
		font-size: 1.2em;
		max-width: 95%;
		font-weight: 400;
		margin: 0.5em 0.5em;
		text-shadow: 1px 2px 2px #000;
	}
	#submit_change_data {
		width: 100%;
	}
	select#change_aree1 {
		width: 100%;
	}
	section.bhrt-projects .pure-u-1-2 {
		width: 100% !important;
	}
	section.bhrt-projects .bhrt-project-content {
		width: 100% !important;
		text-align:left !important;
		min-height:auto !important;
	}
	section.bhrt-projects .bhrt-project-content-large {
		width: 100% !important;
		text-align:left !important;
		min-height:auto !important;
	}
	article .boxCalendar {
		width: 100% !important;
	}
	.partner-socialLink  {
		width: 100% !important;
	}
	.myhrgoal-hr-partner-profile-actions {
		text-align:center !important;
	}
}

@media(max-width: 1076px){
	.voteFilter{
		width: 40%;
	}
	.voteFilter #filters{
		width: 100%;
	}
}

@media(max-width: 958px){
	.voteFilter{
		width: 100%;
	}
	.voteFilter #filters{
		width: 100%;
	}

	.voteFilter #filters #category{
		width: 100%;
	}
}