#menu-icon{
    cursor: pointer;
    position: absolute;
    top: 62px;
    right: 34px;
    width: 35px;
    padding: 0;
    z-index: 1100;
    transition: top 0.3s ease;
    height: auto;
}
#menu-icon .bar1,
#menu-icon .bar2,
#menu-icon .bar3{
	width: 35px;
    height: 5px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}
#menu-icon.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-7px, 8px);
	transform: rotate(-45deg) translate(-7px, 8px);
}
#menu-icon.change .bar2 {
    opacity: 0;
}
#menu-icon.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

@media(max-width: 1090px){
	.container{
		width: calc(100% - 40px);
	}

	.content-side-left{
		width: calc(100% - 301px);
	}
}

@media(max-width: 991px){
	html{
		overflow-x: hidden;
	}
	.helplinks{
		display: none;	
	}
	#nav{
		display: none;
	}

	#menu-icon{
		display: block;
	}

	#nav-mobile{
		display:block;
	}

	#nav-mobile{  
		position: fixed;
	    top: 163px;
	    left: 0px;
	    padding: 20px;
	    width: 100%;
	    transform: translateX(100%);
	}
		#nav-mobile li.active > a{
			font-weight: bold;
		} 
		#nav-mobile > ul{
			padding: 20px 20px 0 20px;
	    	background: rgba(111,113,118,0.9);
	    	margin-bottom: 0;
		}
		#nav-mobile > ul > li{
			list-style: none;
			border-top: 1px solid white;
		}
		#nav-mobile > ul > li:last-of-type{
			border-bottom: 1px solid white;
		}
			#nav-mobile > ul > li.has-children > ul{
			    position: absolute;
			    top: 20px;
			    left: calc(100% + 20px);
			    padding: 40px 20px 20px 20px;
			    width: calc(100% - 40px);
	    		background: rgba(111,113,118,0.9);
			}
			#nav-mobile > ul > li.has-children > ul li{
				list-style: none;		
			}
			#nav-mobile > ul > li.has-children > ul > li > a{
				font-weight: bold;
				margin-top: 25px;
			}
			#nav-mobile > ul > li.has-children > ul > li:first-of-type > a{
				margin-top: 0;
			}
			#nav-mobile > ul > li.has-children > ul li ul{
				padding: 0;
			}

				#nav-mobile > ul > li.has-children > ul li ul li{
					padding-left: 20px;
					border-top: 1px solid white;				
				}
		#nav-mobile a{
			color: white;
			width: 100%;
			display: block;
			padding: 10px 0;
		}

	#content,
	#nav-mobile{
		transition: transform .3s linear;
	}
	#content.state-1{
		transform: translateX(-100%);
	}
	#nav-mobile.state-1{
		transform: translateX(0);
	}
	#nav-mobile.state-2{
		transform: translateX(-100%);
	}

	#nav-mobile .social-media{
		width: 100%;
		background-color: rgba(111,113,118,0.9);
		padding: 0 20px 20px 20px;
	}
	#nav-mobile .social-media a:not(.link-social-media){
		border-bottom: 1px solid white;
	}
	#nav-mobile .social-media a.link-social-media{
		display: inline-block;
		width: auto;
		margin-right: 20px;
	}

	#nav-mobile > ul > li.has-children:after{
		content: url(/files/img/arrow_down.svg);
		transform: rotate(-90deg);
		width: 17px;
		display: inline-block;
		float: right;
		margin-top: -32px;
		pointer-events: none;
	}
	#nav-mobile > ul > li.has-children img.back{
		transform: rotate(90deg);
		width: 20px;
		display: inline-block;
		position: absolute;
	    top: 15px;
	    left: 15px;
	    cursor: pointer;
	}
	.website-wrapper{
		position: relative;
		overflow: hidden;
	}
}

@media(max-width: 767px){

	.content-side-left,
	.content-side-right{
		width: 100%;
		border-left: unset;
	}
	.content-side-right .img-responsive{
		max-width: 232px;
	}
}

@media(max-width: 575px){
	html, body{
		font-size: 16px;
	}
	body{
		background-size: cover;
		background-position: center center;
	}
	.logo a{
		background-size: contain;
		height: 122px;
	}
	header > .container{
		height: 122px;
	}
	#menu-icon{
		top: 41px;
		right: 20px;
	}
	.container{
		width: 100%;
	    padding-right: 20px;
	    padding-left: 20px;
	}
	.website-wrapper #content .container{
		padding-bottom: 20px;
	}
	.container .row{
	    margin-left: -20px;
    	margin-right: -20px;
	}
	.container .row .grid{
	    padding-right: 20px;
	    padding-left: 20px;
	}

	form .line{
		width: 100%;
		padding: 0  0 14px 0;
	}
	form .line:nth-child(odd){
		padding: 0  0 14px 0;	
	}

	#nav-mobile{
		padding: 0;
		top: 142px;
		position: absolute;
	}
	#nav-mobile > ul > li.has-children > ul{
		top: 0;
    	left: 100%;
    	width: 100%;
	}
	#content{
		position: absolute;
	}
	.website-wrapper{
		position: relative;
		overflow: hidden;
	}
	footer{
		padding: 0 20px;
		bottom: 10px;
		position: absolute;
		left: 0;
	}

	footer p{
		margin-bottom: 0;
	}
}