a{
    text-decoration:none;
}


.main_nav_s{
	float:left;
	position:fixed;
	left:0;
	width:50px;
	background:white;
	vertical-align:center;
	transform:rotate(180deg);
	z-index:1;
	color:white;
    height:100%;

}

/*FIXED ELEMENTS*/
@media only screen and (max-width: 800px) {

  .main_nav_s{
    background:transparent;
  }  

}

.main_nav_s p{
	 writing-mode: tb-rl;
	 position:absolute;
	 left:18px;
	 top:calc(50% - 40px);
	 font-size:;
	 color:#878787;
	 font-family:'DINPro-Regular';
}

.choosen{
	font-size:14px;
	cursor:pointer;
	color:#df1c24;
	font-family: 'DINPro-Bold';
}

.choosen:hover{
	cursor:pointer;
	opacity:0.7;
}



.not_choosen{
	cursor:pointer;
	font-size:14px;
	color:#878787;
	font-family: 'DINPro-Medium';
}

.not_choosen:hover{
	cursor:pointer;
	opacity:0.7;
}


.side_icons{
margin-top:10px;
position:relative;
width:auto;
height:auto;
background:black;
z-index:20;
}

.boxi-a{
    position:fixed;
	right:-180px;
	width:220px;
	height:35px;
	color:white;
    z-index:4;
    background:#df1c24;
    overflow-y:scroll;
    overflow-x:hidden;
    overflow:hidden;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.boxi-a:hover{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    position:fixed;
	right:0px;
	width:220px;
	height:35px;
	color:white;
    z-index:4;
    background:#df1c24;
    overflow-y:scroll;
    overflow-x:hidden;
    overflow:hidden;
}

.boxi-b{
    margin-top:40px;
    position:fixed;
	right:-270px;
	width:310px;
	height:35px;
	color:white;
    z-index:4;
    background:#df1c24;
    overflow-y:scroll;
    overflow-x:hidden;
    overflow:hidden;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.boxi-c{
    margin-top:75px;
    position:fixed;
	right:-310px;
	width:310px;
	height:35px;
	color:white;
    z-index:4;
    background:#df1c24;
    overflow-y:scroll;
    overflow-x:hidden;
    overflow:hidden;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.boxi-email{
    width:auto;
    height:auto;
}

.boxi-email:hover .boxi-b{
    right:0px;
}

.boxi-email:hover .boxi-c{
    right:0px;
}

.wr-custom{
    width:auto;
    padding-left:5px; 
    padding-right:5px; 
    float:left;
}

.wr-custom p{
    margin-top: 7px;
    font-weight: 400;
    font-family: 'Exo2-Light';
}


.boxi-b img{
        margin-top:8px;
}

.boxi-a img{
        margin-top:8px;
        margin-left:12px;
}

.boxi-a-x img{
        margin-top:8px;
        margin-left:12px;
}

.boxi-b-x img{
        margin-top:8px;
        margin-left:-8px;
}

.boxi-b-x p{
        font-family: 'DINPro-Medium';
        font-size:14px;
        margin-left:20px;
        margin-top:8px;
}

.boxi-c-x p{
        font-family: 'DINPro-Medium';
        font-size:14px;
        margin-left:20px;
        margin-top:8px;
}

.wrp-boxi-a{
    float:left;
    width:auto;
    height:35px;
}

.wrp-boxi-b{
    float:left;
    margin-left:40px;
    width:40px;
    height:35px;
}