:root{


  --blue-bg-color: #5ab7b3;
  --grey-bg-color: #f1f0f2;
  --grey-text-color: #0d1f2c;/*#676868;*/

}
.top-banner{
	min-height: 80px;
	width: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	background-color: #020202;
    background-size: cover;
    background-position: center center;
}
.top-banner--worksatation{
	background-size: contain;
	background-position: center bottom;
	background-color: #020202;
}
.top-banner--technologies{
    background-color: #5fb8b2;
    background-size: contain;
    background-position: center bottom;
}
.top-banner__title{
	font-size: 30px;
    font-size: 2rem;
    line-height: 38px;
    line-height: 3.8rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -1.9rem;
    max-width: 100%;
    overflow: hidden;
}
.section-technologies .top-banner__title h1{
	text-shadow: 0 5px 5px rgba(0, 0, 0, 0.6);
}

@media screen and (min-width: 375px){
	.top-banner{
		min-height: 100px;
	}
}
@media screen and (min-width: 480px){
	
	/*.top-banner__title{
		font-size: 30px;
	    font-size: 3rem;
	    line-height: 58px;
	    line-height: 3.8rem;
	     margin-top: -25px;
	}*/
}
@media screen and (min-width: 540px){
	.top-banner{
		min-height: 100px;
		/*background-size: cover;
		background-position: center;*/
	}
	.top-banner__title{
		font-size: 30px;
	    font-size: 3rem;
	    line-height: 38px;
	    line-height: 3.8rem;
	    letter-spacing: 12px;
	}
}
@media screen and (max-width: 800px){
	.content--workstation,
	.content--treatment,
	.content--technologies{
		width: 100%;
		padding: 0;
		padding-bottom: 70px;
	}
}
@media screen and (min-width: 800px){
	.top-banner{
		min-height: 200px;
		
	}
	.top-banner__title{
		font-size: 50px;
	    font-size: 5rem;
	    line-height: 58px;
	    line-height: 5.8rem;
	     margin-top: -25px;
	}
	.section-treatments .container,
	.section-technologies .container,
	.section-workstations .container{
		width:96%;
		margin-right: auto;
		margin-left: auto;
		max-width: 1640px;
	}
}
@media screen and (min-width: 1200px){
	.top-banner__title{
		letter-spacing: 20px;
	}
	.top-banner--treatments{
		min-height: 360px;
		background-position:center top;
	}
}
@media screen and (min-width: 1440px){
	.top-banner--technologies{
		min-height: 340px;
		background-position:center bottom;
	}
}
.content--workstation,
.content--treatment,
.content--technologies{
	position: relative;
	font-family: 'franklin_gothic_bookregular';
	color: #0d1f2c;
	padding-bottom: 70px;
}
.workstations-text,
.treatments-text,
.technologies-text{
	padding: 30px 0;
}
.workstations-text,
.treatments-text,
.technologies-text,
.workstations-text p,
.treatments-text p,
.technologies-text p{
	font-size: 1.9rem;
	/*letter-spacing: 1px;*/
}
.workstations-text p,
.technologies-text p{
	color: #9fa1a1;
}


.workstation-list,
.treatment-list,
.technologies-list{
  box-sizing: border-box;
  font-family: 'franklin_gothic_bookregular';
}


.workstation-list__wrapper,
.treatment-list__wrapper,
.technologies-list__wrapper{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-around;
	margin:0;
	padding:0;
	list-style: none;
}
.workstation-box,
.treatment-box,
.technologies-box{
	/*max-width: 310px;*/
    max-width: 98%;
    min-width: 250px;
	box-sizing: border-box;
	display: inline-block;
	flex: 1;
}
.workstation-box,
.technologies-box{	
	padding: 20px 15px 0 0;
	border-top: 1px solid #f0f0f0;
}
.technologies-box{	
	padding: 20px 0 0 0;
	
}
.treatment-box/*,
.technologies-box*/{
	padding: 60px 3.5vw 20px;
	border-top: 1px solid #f0f0f0;
	/*max-width: 310px;*/
    position: relative;
}
.workstation-box__inner,
.treatment-box__inner,
.technologies-box__inner{
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}
.technologies-box__inner{
	display:block;
}
.workstation-box__content,
.treatment-box__content,
.technologies-box__content{
	width:100%;
	position: relative;
	/*background-color: #f1f0f2;*/
	overflow: hidden;
	z-index: 10;
	flex-grow: 1;
	
}
.technologies-box__content{
	/*padding-bottom: 60px;*/
}
.treatment-box__content/*,
.technologies-box__content*/{
	padding-bottom: 60px;/*
	background-color: #f1f0f2;*/
}
.workstation-box__picture-wrapper,
.treatment-box__picture-wrapper,
.technologies-box__picture-wrapper{
	margin:0 auto;
	max-width:100%;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}
.workstation-box__picture-wrapper,
.technologies-box__picture-wrapper{	
	width: 130px;
	flex-grow: 0; 
	flex-shrink: 0;
}
.workstation-box__picture-link,
.treatment-box__picture-link,
.technologies-box__picture-link{
	display: block;
	text-decoration: none;
	padding: 0;
	margin:0 auto;
}
.workstation-box__picture-link{
	width: 100%;
	/*background: url(../images/pedestal.png) 0 bottom transparent no-repeat;*/
    background-size: contain;

}
.treatment-box__picture-link/*,
.technologies-box__picture-link*/{
	width: 100%;
	height: auto;
	background-image: none;
	max-height: 165px;
    overflow: hidden;
}
.workstation-box__picture,
.treatment-box__picture,
.technologies-box__picture{
	/*width:100%;*/
	height: auto;
	max-width:100%;/*
	max-height:100%;*/
	display: block;
	line-height: 0;	
	border:none;
}
.workstation-box__picture,
.technologies-box__picture{
	margin:0 auto;
	padding:0;/*
	padding-bottom: 55px;*/
}
.workstation-box__picture{	
	/*max-width: 76%;*/
	max-height: 255px;
	height: 100%;
    width: auto;
}
.technologies-box__picture{
	padding-bottom: 0;
}
.treatment-box__picture/*,
.technologies-box__picture*/{
	width:100%;
	margin:0;
	padding: 0;
}
.workstation-box__title,
.treatment-box__title,
.technologies-box__title{
	width:100%;
    box-sizing: border-box;
	position: relative;
	padding: 25px 10px 0 ;
    margin: 0 0 20px;
	text-align: center;
}
.treatment-box__title/*,
.technologies-box__title*/{
	/*background-color: #5ab7b3;
	padding: 25px 10px 0;
	margin: 0 0 50px;*/
	margin: 0;
    min-height: 80px;
}

.treatment-box__title:after/*,
.technologies-box__title:after*/{
	/*content: "";
	display: block;
	position: absolute;
	left:50%;
	top:100%;

	width: 0; 
	height: 0; 
	margin-left:-155px;
	border-left: 155px solid transparent;
	border-right: 155px solid transparent;

	border-top: 50px solid #5ab7b3;*/
}
.workstation-title,
.workstation-title:hover,
.treatment-title,
.technologies-title,
.technologies-title:hover{
	line-height: 44px;
    line-height: 4.4rem;
	font-size: 44px;
    font-size: 4.4rem;
    color: #5ab7b3;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    margin: 0;
    text-align: center;
    text-decoration: none;
}
.technologies-title,
.technologies-title:hover{
	color: #0D1F2C;
}
.treatment-title/*,
.technologies-title*/{
	font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    line-height: 2.4rem;/*
    color: #0d1f2c;*/
    text-align: left;
    width:100%;
}
.technologies-title__cursive{
    text-transform: lowercase;
    font-size: 1.1em;
    margin-left: 5px;
    font-family: 'franklin_gothic_bookitalic';
}
.workstation-title,
.technologies-title{
    position: relative;
    display: inline-block;
}

.workstation-title .pro {
    color: #666;
    position: absolute;
    top: -1.4rem;
    right: 0;
    font-size: 1.8rem;
    line-height: 1.8rem;
}
.workstation-title--light,
.treatment-title--light,
.technologies-title--light{
	color: #fff;
}
.treatment-box__subtitle {
    display: inline-block;
    font-size: 1.8rem;
    font-weight: normal;
}
.workstation-box__text,
.technologies-box__text{
	padding:10px 30px 25px;
}

.treatment-box__text{
	padding: 0 10px 25px;
}
.workstation-box__text ul,
.treatment-box__text ul,
.technologies-box__text ul{
	list-style: disc;
	color: inherit;
	padding: 0 0 0 16px;
}

.workstation-box__text a,
.treatment-box__text a,
.technologies-box__text a{
	text-decoration: none;
	color: inherit;
	text-transform: uppercase;
}
.workstation-box__text ,
.workstation-box__text li,
.treatment-box__text,
.treatment-box__text li,
.technologies-box__text,
.technologies-box__text li{
	color: #0d1f2c;
	line-height: 20px;
    line-height: 2rem;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'franklin_gothic_bookregular';
}
.workstation-box__text li,
.treatment-box__text li,
.technologies-box__text li{
    padding-left: 10px;
    color: #9ea0a0;
}

.workstation-box__treatment-link,
.technologies-box__treatment-link{
	text-decoration: none;
	text-transform: uppercase;
	color: #0d1f2c;
}

.workstation-box__text li{    
    margin-left: 5px;
}
.workstation-box__text li a,
.treatment-box__text li a,
.technologies-box__text li a{
	color: #0d1f2c;
}
.workstation-box__text li a:hover,
.treatment-box__text li a:hover,
.technologies-box__text li a:hover{
	text-decoration: underline;
}
.workstation-box__description,
.treatment-box__description,
.technologies-box__description{
	max-height: 300px;
	overflow: hidden;
	font-size: 17px;
	font-size: 1.5rem;
}
.treatment-box__description{
	padding-top:20px;
}
.technologies-box__description{
	padding-top: 20px;
}
.workstation-subtitle,
.treatment-subtitle,
.technologies-subtitle{
	color: #5ab7b3;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    text-align: left;
    display: block;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: left;
}
.treatment-subtitle{
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 0;
    margin-top: 10px;
}
.treatment-subtitle--technologies{

} 
.treatment-box__text .treatment-box__tecnologis-list{
	padding-left: 0;
	list-style:none;
}
.treatment-box__tecnologis-list li{
	display: inline-block;
	padding-left: 0;

}
.treatment-box__tecnologis-list li:after{
	content:",";
	position: relative;
	display: inline;
}
.treatment-box__tecnologis-list li:last-child:after{
	content:none;
}
.technologies-subtitle{
	margin-top: 10px;
}
.workstation-box__button,
.treatment-box__button,
.technologies-box__button{
	text-align: center;
    padding: 0 0 20px;  
    margin-top: -5px; 
    
    /*margin-left: -70px;*/
}
.workstation-box__button{

   /* padding-left: 10px;*/
}
.treatment-box__button,
.technologies-box__button{
	position: absolute;
    left: 50%;
    margin-left: -70px;
	bottom: 0;
}
.technologies-box__button{
	left: 0;
    margin-left: 0;
    bottom: 0;
    width: 100%;
    position: relative;
}
.workstation-box__button .btn,
.treatment-box__button .btn,
.technologies-box__button .btn{
	background-repeat: no-repeat;
	text-decoration: none;
	font-size: 1.1rem;
}
.workstation-box__button .btn{
	padding: 1rem 2.2rem;
}
.technologies-box__button .btn{
	/*display: block;*/
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 120px;
   /* background: #A0A2A3;*/
}
.treatment-brackets {
    white-space: nowrap;
}

@media screen and (min-width: 500px){
	/*.treatment-box:last-child, 
	.technologies-box:last-child{
		margin-right: auto;
	}*/
	.workstation-box__title,
	.technologies-box__title{
		padding: 25px 30px 0 ;
		text-align: left;
	}	
	.workstation-box,
	.technologies-box{
	    min-width: 400px;
	    max-width: 600px;
       /* flex-grow: 0;*/
	}
	.treatment-box:before,
	.technologies-box:before{
		content:"";
		display: block;
		position: absolute;
		height: 80%;
		width: 1px;
		background: #f0f0f0;
	    left: 1px;
	    top: 10%;
	}
	.technologies-box{
		padding: 50px 20px 0;
		position: relative;
	}
	.technologies-box:nth-child(2n+1):before,
	.treatment-box:nth-child(2n+1):before{
		content: none;
	} 
	.workstation-box__inner,
	.technologies-box__inner{
		flex-direction: row;
	}
	.workstation-box__picture-wrapper{
		padding-top: 30px;
	    margin-right: 10px;

	}
	.technologies-box__picture-wrapper{
	    margin-right: 10px;

	}
	.workstation-box__picture-wrapper{	
		width: 170px;
	}
	
	.technologies-box__picture-wrapper{	
		width: 130px;
	}
	.workstation-box__picture-link,
	.technologies-box__picture-link{
		padding-top: 50px;
        padding-left: 10px;
		background-position-x: 5px;
	}
	.technologies-box__picture-link{
		padding-top: 20px;
		padding-left: 0;
	}
	.workstation-box__button{
	    /*left: 0;
	    margin-left: 0;*/
	}
	.workstation-box__button{
	    padding-left: 10px;
	}

	.technologies-box__title,
	.technologies-box__content{
	    float: right;
	    width: 65%;
	}
	.technologies-box__picture-wrapper,
	.technologies-box__button{
		float: left;
	    width: 30%;
	}
	.technologies-box__button{
	    padding-left: 2%;
	}

}

@media screen and (min-width: 800px){
	.content--workstation,
	.content--treatment,
	.content--technologies{
		display: flex;
		flex-wrap: wrap;
		width: 96%;

	}
	.workstation-list,
	.treatment-list,
	.technologies-list{
		width: 100%;
		order: 2;
	}
	.workstation-box,
	.technologies-box{
		min-width: 380px;
	}
	.workstation-box{
		flex-grow: 0;
	}
	.technologies-box,
	.treatment-box,
	.workstation-box{
		border-top: 0px solid #f0f0f0;
	}
	.treatment-box/*,
	.technologies-box*/{
		min-width: 310px;
	}
	.workstation-title,
	.workstation-title:hover,
	.technologies-title,
	.technologies-title:hover{
		text-align: left;
	    font-size: 30px;
	    font-size: 3rem;
	    line-height: 30px;
	    line-height: 3rem;
	}
	.workstation-title .pro{
		top: -1.0rem;
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
	.workstation-box__title,
	.technologies-box__title{
		padding: 25px 0 0;
	}

	.workstation-box__text,
	.technologies-box__text{
		padding: 0 0 10px;
		margin: 0 0 10px;
	}
	.workstation-box__picture-wrapper{
		max-width: 170px;
	    flex-shrink: 0;
	}

	
	.workstation-box__picture-link/*,
	.technologies-box__picture-link*/{
	    border-left: 1px solid #f0f0f0;
	}
	.workstation-box:nth-child(2n+1) .workstation-box__picture-link {
	    border-width: 0;
	}
	
	.treatment-box__picture-wrapper:before/*,
	.technologies-box__picture-wrapper:before*/{
		/*content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 19px;
		background-color: #5d8f97;
		border-radius: 8px 8px 0 0 ;
		z-index: -1;*/
	}
	
	
	.treatment-box__title/*,
	.technologies-box__title*/{
		/*background: url(../images/workstation-title-bg.png) 0 0 transparent no-repeat;
		background-size: contain;
		margin-top: -15px;
		margin-bottom: 10px;
		padding-bottom: 60px;
		padding-top: 45px;
		position: absolute;*/

	}
	.treatment-box__title--2lines {
	    padding-top: 30px;
	}
	
	.treatment-box__title:after,
	.technologies-box__title:after{
		content: none;
	}
	.workstation-box__content,
	.treatment-box__content,
	.technologies-box__content{
		overflow: visible;
	}
	.treatment-box__content/*,
	.technologies-box__content*/{
		/*background-image:radial-gradient(
	      circle closest-side,
	      #fff,
	      #f1f0f2
	    );*/
	}	
	.treatment-box__text{
		/*padding-top: 120px;*/
	}
	/*.technologies-box__text{
		padding-top: 110px;
	}*/
	.technologies-box__content{
		min-height: 350px;
	}
	.technologies-box__picture-wrapper {
	    min-height: 355px;
	}

}
@media screen and (min-width: 1000px){
	.treatment-box:nth-child(2n+1):before{
		content: "";
	} 
	.treatment-box:nth-child(3n+1):before{
		content: none;
	} 
	.technologies-box:nth-child(2n+1):before{
		content: "";
	} 
	.technologies-box:nth-child(3n+1):before{
		content: none;
	} 
}

@media screen and (min-width: 1200px){
	.treatment-box,
	.technologies-box,
	.workstation-box {
	    min-width: 30%;
	    max-width: 33.3%;
	}
	.treatment-box__inner/*,
	.technologies-box__inner*/{
		/*max-width: 350px;*/
	}
	.treatment-box__title/*,
	.technologies-box__title*/{
	    /*background-size: cover;*/
        /*padding-top: 60px;*/
        /*padding-top: 55px;
        margin-top: -21px;*/
	}
	/*.treatment-box__title--2lines {
	    padding-top: 40px;
	}*/
	.treatment-box__picture-wrapper:before/*,
	.technologies-box__picture-wrapper:before*/{
	   /* height: 23px;*/
	}
	.treatment-box__text/*,
	.technologies-box__text*/{
	   /* padding-top: 116px;*/
	}
	.treatment-box__picture-link/*,
	.technologies-box__picture-link*/{
		max-height: 100%;
	}
	.workstation-box:nth-child(2n+1) .workstation-box__picture-link,
	.technologies-box:nth-child(2n+1) .technologies-box__picture-link  {
	    border-width: 1px;
	}
	.workstation-box:nth-child(3n+1) .workstation-box__picture-link,
	.technologies-box:nth-child(3n+1) .technologies-box__picture-link {
	    border-width: 0;
	}
	.workstation-list__wrapper,
	.treatment-list__wrapper{
		/*justify-content: space-between;*/
	}
	/*.workstation-list__wrapper::after,*/
	/*.treatment-list__wrapper::after {
	  content: "";
	  flex: auto;
	}*/
	.technologies-box__content{
		min-height: 350px;
	}
	.technologies-box__picture-wrapper {
	    min-height: 290px;
	}
	
}
@media screen and (min-width: 1440px){
	.content--workstation,
	.content--treatment,
	.content--technologies{
		width: 1280px;

	}
	
	.treatment-box__text {
	   /* padding-top: 140px;*/
	}
	/*.technologies-box__text {
	    padding-top: 120px;
	}*/
	.technologies-box__content{
		min-height: 350px;
	}
	.technologies-box__picture-wrapper {
	    min-height: 355px;
	}
	
}


.contact-us{
	position: relative;
	display: block;
	font-family: 'franklin_gothic_bookregular';
	padding: 0;
	margin: 0;		
    overflow: hidden;
    min-height: 55px;
    margin-bottom: -53px;
}
.contact-us--open {
    z-index: 100;
}
.contact-us__wrapper{

	max-height: 0;
	transition: max-height 1s;
}
.contact-us__inner{
	display: block;
	width: 100%;
	background-color: #f1f0f2;
	background-image:radial-gradient(
	      circle closest-side,
	      #fff,
	      #f1f0f2
	    );
	padding:20px;
	box-sizing: border-box;
	
}
.contact-us--open  .contact-us__wrapper{
	max-height: 600px;
	}
.contact-us__title{
	color: #5ab7b3;
	font-size: 20px;
    font-size: 2rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    margin: 0;
    text-align: center;
    font-family: 'franklin_gothic_mediumregular';

}
.contact-us__link{
	display: block;
	text-decoration: none;
	color: inherit;
}
.contact-us__title--white{
	color:#fff;
}
.contact-us__text{
	text-align: center;
	font-size: 20px;
    font-size: 2rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    color: #0d1f2c;
    padding: 50px 0;
}
.contact-us__buttons{
	position: relative;
	padding-bottom: 20px;
}
.button{
	display: block;
	width: 100%;
	max-width: 300px;
	padding: 20px 10px;
	font-size: 18px;
    font-size: 1.8rem;
	line-height: 18px;
	line-height: 1.8rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	box-sizing: border-box;
	color: #0d1f2c;
	border: 1px solid #0d1f2c;
	background: transparent;
	box-shadow: none;
	margin: 0 auto 20px;
    text-align: center;
    font-weight: 600;
}
.button:hover,
.button:active,
.button:focus{
	background: #5ab7b3;
	color: #fff;
	border-color: transparent;
	text-decoration: none;
}
.contact-us__close,
.filters__close{
	position: absolute;
    top: 20px;
    right: 5px;
    height: 35px;
    width: 35px;
	background-color: transparent;
	border: none;
	padding: 0;
}
.contact-us__close svg:hover #hexagon,
.filters__close svg:hover #hexagon{
	fill:#fff;
}
.mobile-buttons{
	position: relative;
	display: flex;
	margin: 0;
	padding: 0;
	z-index: 10;
}
.mobile-button{
	display: inline-block;
	vertical-align: middle;
	box-shadow: none;
	border: none;
	width: 50%;
	padding: 20px 0;
	text-align: center;
	box-sizing: border-box;
	color: #fff;
	font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem;
    text-transform: uppercase;
    background-color: #5ab7b3;
    font-family: 'franklin_gothic_bookregular';
}

.mobile-button:first-child{
	border-right: 1px solid #f1f0f2;
}
.contact-us__desktop-button{
	display: none;
}
@media screen and (min-width: 380px){
	.contact-us__close{
		right: 20px;
	}
}
@media screen and (min-width: 800px){
	.a11y-toolbar{
	    top: 33%;
	}
	.contact-us{
		position: fixed;
		bottom: 70px;
		right: 0;
		margin-bottom: 0;
		min-height: 0;
		z-index: 100;
	    width: 120px;
	    transition: width 1s;
	}
	.contact-us--open{
		width: 640px;
	    transition: width 1s;
	}
	.contact-us__close{
		right: auto;
		left: 20px;
		top: 10px;
	}
	.mobile-buttons{
		display: none;
	}
	.contact-us__wrapper{
		
		max-height: 600px;
		transform: translateX(100%);
		transition: transform 1s;
	}
	.contact-us__inner{

		width: 650px;
		box-sizing: border-box;
		padding: 0 120px 0 100px;
		
	}
	.contact-us--open .contact-us__wrapper{
		transform: translateX(0);
	}
	.contact-us__desktop-button{
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 50px;
		cursor: pointer;

		background: url(../images/contact-us-btn-bg4.png) center right transparent no-repeat;
		background-size: contain;
		color: #fff;
		z-index: 10;

	}
	.contact-us__title{
		position: absolute !important;
	    height: 1px; width: 1px;
	    overflow: hidden;
	    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	    clip: rect(1px, 1px, 1px, 1px);
		margin: -1px;
	}
	
}
@media screen and (min-width: 1800px){
	.contact-us__desktop-button{
		width: 120px;
	}
}

.filters{
	display: block;
	position: relative;
	width: 100%;
	font-family: 'franklin_gothic_bookregular';
	color:inherit;
	overflow: hidden;
	min-height: 59px;
	margin-bottom: -58px; 
}
.filters--open{
    z-index: 100;
}
.filters__wrapper{
	max-height: 0;
	transition: max-height 1s;
}
.filters--open .filters__wrapper{
	max-height: 300vh;
	transition: max-height 1s;
}
.filters__inner{
	display: block;
	width: 100%;
	background-color: #f1f0f2;
	background-image:radial-gradient(
	      circle closest-side,
	      #fff,
	      #f1f0f2
	    );
	padding: 50px 10%;
	box-sizing: border-box;
}
.filters__title{
    font-size: 24px;
    font-size: 2.4rem;
    color: inherit;
    font-weight: bold;
    text-transform: uppercase;    
    letter-spacing: 2px;
    
}

.filter-box__button{
	width: 100%;
	display: block;
	box-sizing: border-box;
	background-color: #e5e6e7;
	border: 1px solid #acadae;
	border-radius: 0 30px 30px 0;
    max-width: 400px;
    position: relative;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;

    cursor: pointer;
}
.filter-box__button--active{

}
.filter-box__button:before{
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: #acadae;
	position:absolute;
	top: 50%;
	right: 6px;
	margin-top:-15px;
	border-radius: 50px;
	z-index: 1;
}
.filter-box__button-text{
	width: 100%;
	display: block;
    box-sizing: border-box;
	box-shadow: none;
	font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding: 10px 40px 10px 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
    background: transparent;
    border: none;
    box-shadow: none;
    z-index: 10;
}
.filter-box__button-text:before,
.filter-box__button-text:after{
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	margin: 0 5px;
	background: #fff;
	position:absolute;
	top: 50%;
	right: 6px;
	margin-top:-1px;
	z-index: 2;
}
.filter-box__button-text:after{
	width: 2px;
	height: 20px;
	margin: 5px 0;
	margin-top:-10px;
	margin-right: 14px;
}
.filter-box__dropdown{
	display: none;
}
.filter-box__list{
	
	list-style: none;
	margin: 0;
	padding: 0;
    margin-bottom: 20px;
    clear:both;
}
.filter-box--open .filter-box__dropdown{
	display: block;
}
.filter-box--open .filter-box__button-text:after{
	content: none;
}
.filter-box__filter-item{
    padding: 0;
    margin-top: 25px;
}
.filter-box__description{
	letter-spacing: 2px;
    color: #0d1f2c;
    font-family: 'franklin_gothic_bookregular';
    padding: 10px 10px 10px 0;
    
}
.filter-item{
	display: block;
	width: 100%;
	line-height: 25px;
	font-size: 16px;
	cursor: pointer;
	position: relative;
}
.filter-item__checkbox{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	border-radius: 5px;
    box-sizing: border-box;
    margin-right: 10px;
    background: #5ab7b3;
	border: none;
}
.filter-item--unchecked .filter-item__checkbox{
	background: transparent;
	border: 2px solid #000;
}
.filter-item__checkbox:before,
.filter-item__checkbox:after{
	content:"";
	display: block;
	width: 10px;
	height: 2px;
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	background: #fff;
}
.filter-item__checkbox:after{
	width: 5px;
	transform: rotate(45deg);
    margin-left: -6px;
    margin-top: 0px;

}
.filter-item--unchecked .filter-item__checkbox:before,
.filter-item--unchecked .filter-item__checkbox:after{
	content: none;
}
.filter-item__text{
    padding-left: 40px;
    display: inline-block;
    letter-spacing: 2px;
    letter-spacing: 0.7px;
    font-size: 17px;
    font-size: 1.7rem;
}
.filters__button{
	display: none;
}
.filters__button--clear-current-filter {
    color: #999;
    border: 1px solid #999;
    margin-bottom: 30px;
    display: block;
    background: transparent;
}
.filters__button-text--clear-current-filter{
    font-size: 1.2rem;
    padding: 5px;
    padding-left: 20px;

}
.filters__button-text--clear-current-filter{
	width: 100%;
	    display: block;
	    box-sizing: border-box;
	    box-shadow: none;
	    font-size: 12px;
	    font-size: 1.2rem;
	    line-height: 18px;
	    line-height: 1.8rem;
	    padding: 10px 10px 10px 30px;
	    letter-spacing: 2px;
	    text-transform: uppercase;
        text-align: center;        
	    position: relative;
	    border: none;
	    z-index: 10;
}
.filters__button-text--clear-current-filter:before, 
.filters__button-text--clear-current-filter:after{
	content: "";
    display: block;
    margin: 0 5px;
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: rotate(45deg);
	background: transparent;
	width: 6px;
    height: 6px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    margin-top: -6px;
    left: 6px;
}
.filters__button-text--clear-current-filter:after{
	    transform: rotate(-135deg);
	    margin-top: 1px;
	}
.filters__outer-text{
	display: none;
	height: 0;
}
@media screen and (min-width: 800px){

	/*.workstation-box,
	.treatment-box{
		min-width: 310px;
	}*/
	.filters{
	    /*margin-top: 40px;*/
		margin-bottom: 0;
		min-height: 0;
		width: 100%;
		order: 1;
		color: #fff;
		background: #59b7b3;
	    box-shadow: 0 0 10px #a6a6a6;
	    overflow: visible;
	    position: relative;
	}
	.filters__outer-text{
		position: absolute;
	    top: -40px;
	    color: #0d1f2c;
	    display: block;
		height: 40px;
		width: 100%;
	}
	.filters__description{
		text-align: center;
		font-size: 19px;
		font-size: 1.9rem;
		letter-spacing: 1px;
		font-family: 'franklin_gothic_bookregular';
	}
	.filters__title{
	    margin: 20px;
	    font-family: 'franklin_gothic_bookregular';
        text-align: center;
	}
	.filter-box__description{
		font-size: 14px;
	    line-height: 16px;
	    width: 60%;
	    float: left;
	    padding: 10px 10px 30px 0;

	}

	.filters__wrapper{
		max-height: 100%;;
	    /*max-width: 300px;*/
	}
	.filters__inner{
		background: transparent;
		padding: 0;
	    display: flex;
	}
	.filter-box {
	    width: 25%;
        /*border-right: 1px solid #fff;*/
	}
	.filter-box:last-child{
		 border-right:none;
	}
	.filter-box__wrapper{
		/*padding: 0 10px;*/
	    position: relative;
	}
	.filter-box__button{
		background-color: transparent;
	    border: 0 solid #fff;
	    border-radius: 0 ;
	    max-width: 400px;
	    color:#fff;
        padding: 0 10px;
        border-left: 1px solid #fff;
        font-family: 'franklin_gothic_bookregular';
	}
	.filter-box__button:before{
		display: none;
	}
	.filter-box__button-text{
		padding-left: 10px;
	    text-align: center;
	}
	.filter-box__button-text:before{
	    width: 16px;
	    height: 16px;
	    background: transparent;
	    border-right: 2px solid #fff;
	    border-bottom: 2px solid #fff;
	    transform: rotate(45deg);
	    margin-top: -12px;
        right: 16px;
	}

	.filter-box--open .filter-box__button-text:before{
		transform: rotate(-135deg);
	    margin-top: -4px;
	}
	.filter-box__button-text:after {
		display: none;
	}

	.filters__button{
		display: block;
		position: relative;
		background-color: transparent;
		margin: 10px 0;
		cursor: pointer;
		border: none;
		padding: 0;
		width: 100%;
	    color: #fff;
		box-shadow: none;
		text-decoration: none;
		letter-spacing: 2px;
	    border-left: 1px solid #fff;
	    font-family: 'franklin_gothic_bookregular';
	}
	.filters__button:hover{
		text-decoration: none;
	}
	.filters__button-text{
		width: 100%;
	    display: block;
	    box-sizing: border-box;
	    box-shadow: none;
	    font-size: 24px;
	    font-size: 2.4rem;
	    line-height: 24px;
	    line-height: 2.4rem;
	    padding: 10px 10px 10px 60px;
	    letter-spacing: 2px;
	    text-transform: uppercase;
        text-align: center;
	    border: none;
	    z-index: 10;
	}
	.filters__button-text:before,
	.filters__button-text:after{
		content: "";
	    display: block;
	    margin: 0 5px;
	    position: absolute;
	    top: 50%;
	    z-index: 2;
		width: 10px;
	    height: 10px;
	    background: transparent;
	    border-right: 2px solid #fff;
	    border-bottom: 2px solid #fff;
	    transform: rotate(45deg);
	    margin-top: -10px;
        left: 16px;
	}
	.filters__button-text--clear-current-filter:before, 
	.filters__button-text--clear-current-filter:after{
		width: 6px;
	    height: 6px;
	    border-right: 1px solid #999;
	    border-bottom: 1px solid #999;
	    margin-top: -6px;
	    left: 5px;
	}
	.filters__button-text:after{
	    transform: rotate(-135deg);
	    margin-top: 1px;
	}
	.filters__button--clear-current-filter {
	    color: #999;
	    border: 1px solid #999;
	    width: 40%;
	    float: left;
	}
	.filters__button-text--clear-current-filter{
	    font-size: 1.2rem;
	    padding: 2px 5px;
	    padding-left: 20px;
	}

	.filter-box__dropdown{
		position: absolute;
	    z-index: 100;
	    background: #f5f5f6;
	    padding: 0 20px 20px;
	    width: 100%;
        box-shadow: 0 0 5px #a6a6a6;
        box-sizing: border-box;
	}
	.filter-box__list{
	    
        color: #000;
        width: 100%;
        box-sizing: border-box;
        padding-left: 10px;
	}
	.filters__close{
		display: none;
	}
	.filter-box:hover .filter-box__dropdown {
	    display: block;
	}	
	
}
@media screen and (min-width: 800px){

	.technologies-box__inner a:hover {
	    /*transform:scale(1.03);*/
	}
	.technologies-box__inner a{
	    transition: transform 0.2s ease-in-out;
	}
	.technologies-box__inner a:hover {
	    /*transform:scale(1.03);*/
	    }
	/*.technologies-box:hover {		
	    background-color:#f0f0f0;
	}*/
	.technologies-box:hover .technologies-box:before{
		display:none;
	}
	.technologies-box:hover a.btn:hover{
		/*background-color: #5ab7b3;*/
	}
	.technologies-box__inner a{
	    transition: transform 0.2s ease-in-out;
	}
	.technologies-box {

	    transition: transform 0.2s ease-in-out;
						background-color 500ms linear,
								   color 500ms linear;
	}
}