.stuck_media_icon:hover {
	color: #a0a0a0 !important;
}
.stuck_langs:hover {    
    color: #a0a0a0;
    border: 1px solid #a0a0a0;
}
/* Media Queries for Desktop
---------------------------------------------------------------*/
@media all and (min-width: 1438px) {
.stuck_container {
	width: 150px;
	height: calc(100% - 80px);
	float: left;
	position: fixed;
	top: 80px;
	bottom: 0px;
	left:0;
	background-color:#fff;
}
.stuck_container.smaller {
	width: 150px;
	height: calc(100% - 150px);
	float: left;
	position: fixed;
	top: 100px;
	bottom: 0px;
	left:0;
	background-color:#fff;
}
/*.stuck_container_text_horizon {
	width: 100%;
	float: left;
	text-align:center;
	padding-top:70px;
	display:inline-block;
}
.stuck_text_horizon {	
	text-align:center;
	font-size:28px;
	font-weight: 700;
    writing-mode: vertical-rl;
    text-orientation: sideways;
    display:inline-block;
}*/
.stuck_lang_container {
	float: right;
	width: 100%;
	position:absolute;
	top:calc(45% - 20px);
}
.stuck_langs {    
    background-position: center 24px;
    float: right;
    width: 32px;
    margin-left: calc(50% - 16px);
    margin-right: calc(50% - 16px);
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1b;
    text-align: center;
    border: 1px solid #1d1d1b;
    padding: 5px 5px 13px 5px;
    box-sizing: border-box;
    background-image: url('../../images/System/langs_arrow_down.png');
    background-repeat: no-repeat;
}
.stuck_media {
	width: 16px;
	float: left;
	text-align: center;
	margin-left: calc(50% - 8px);
	margin-right: calc(50% - 8px);
	position:absolute;
	top:calc(45% + 50px);
}
.stuck_media_icon {
	float: none;
	color: #221f1f !important;
	text-align: center;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
}
.stuck_media_icon i {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 2.2em !important;
	font-size: 15px;
	font-weight: 400;
}
section .stuck_container_frame {
	width: 150px;
	height: 150px;
	position: fixed;
	bottom: 0px;
	left:0;
	background-color:#f4f5f7;
		transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
}
section.smaller .stuck_container_frame {
	background-color:#fff;
}
}
/* Media Queries for Laptop
-------------------------------------------------------------- */
@media all and (max-width: 1439px) and (min-width: 769px) {
.stuck_container {
	width: 100px;
	height: calc(100% - 100px);
	float: left;
	position: fixed;
	top: 100px;
	bottom: 0px;
	left:0;
	background-color:#fff;
}
/*.stuck_container_text_horizon {
	width: 100%;
	float: left;
	text-align:center;
	padding-top:20px;
	display:inline-block;
}
.stuck_text_horizon {	
	text-align:center;
	font-size:28px;
	font-weight: 700;
    writing-mode: vertical-rl;
    text-orientation: sideways;
    display:inline-block;
}*/
.stuck_lang_container {
	float: right;
	width: 100%;
	position:absolute;
	top:calc(45% - 20px);
}
.stuck_langs {    
    background-position: center 24px;
    float: right;
    width: 32px;
    margin-left: calc(50% - 16px);
    margin-right: calc(50% - 16px);
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1b;
    text-align: center;
    border: 1px solid #1d1d1b;
    padding: 5px 5px 13px 5px;
    box-sizing: border-box;
    background-image: url('../../images/System/langs_arrow_down.png');
    background-repeat: no-repeat;
}
.stuck_media {
	width: 16px;
	float: left;
	text-align: center;
	margin-left: calc(50% - 8px);
	margin-right: calc(50% - 8px);
	position:absolute;
	bottom:100px
}
.stuck_media_icon {
	float: none;
	color: #221f1f !important;
	text-align: center;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
}
.stuck_media_icon i {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.7 !important;
	font-size: 17px;
	font-weight: 400;
}
section .stuck_container_frame {
	background-color:#f4f5f7;
}
section.smaller .stuck_container_frame {
	background-color:#fff;
}
}
/* Media Queries for Ipad
-------------------------------------------------------------- */
@media all and (max-width: 768px) and (min-width: 481px) {
.stuck_container {
	width: 65px;
	height: calc(100% - 65px);
	float: left;
	position: fixed;
	top: 65px;
	bottom: 0px;
	left:0;
	background-color:#fff;
}
/*.stuck_container_text_horizon {
	width: 100%;
	float: left;
	text-align:center;
	padding-top:20px;
	display:inline-block;
}
.stuck_text_horizon {	
	text-align:center;
	font-size:22px;
	font-weight: 700;
    writing-mode: vertical-rl;
    text-orientation: sideways;
    display:inline-block;
}*/
.stuck_lang_container {
	float: right;
	width: 100%;
	position:absolute;
	top:calc(45% - 20px);
}
.stuck_langs {    
    background-position: center 24px;
    float: right;
    width: 32px;
    margin-left: calc(50% - 16px);
    margin-right: calc(50% - 16px);
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1b;
    text-align: center;
    border: 1px solid #1d1d1b;
    padding: 5px 5px 13px 5px;
    box-sizing: border-box;
    background-image: url('../../images/System/langs_arrow_down.png');
    background-repeat: no-repeat;
}
.stuck_media {
	width: 16px;
	float: left;
	text-align: center;
	margin-left: calc(50% - 8px);
	margin-right: calc(50% - 8px);
	position:absolute;
	bottom:100px
}
.stuck_media_icon {
	float: none;
	color: #221f1f !important;
	text-align: center;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
}
.stuck_media_icon i {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.7 !important;
	font-size: 17px;
	font-weight: 400;
}
section .stuck_container_frame {
	background-color:#f4f5f7;
}
section.smaller .stuck_container_frame {
	background-color:#fff;
}
}
/* Media Queries for Phone
-------------------------------------------------------------- */
@media all and (max-width:480px) and (min-width:319px) {
.stuck_container {
	width: 65px;
	height: calc(100% - 65px);
	float: left;
	position: fixed;
	top: 65px;
	bottom: 0px;
	left:0;
	background-color:#fff;
	display:none;
}
/*.stuck_container_text_horizon {
	width: 100%;
	float: left;
	text-align:center;
	padding-top:20px;
	display:inline-block;
}
.stuck_text_horizon {	
	text-align:center;
	font-size:22px;
	font-weight: 700;
    writing-mode: vertical-rl;
    text-orientation: sideways;
    display:inline-block;
}*/
.stuck_lang_container {
	float: right;
	width: 100%;
	position:absolute;
	top:calc(45% - 20px);
}
.stuck_langs {    
    background-position: center 24px;
    float: right;
    width: 32px;
    margin-left: calc(50% - 16px);
    margin-right: calc(50% - 16px);
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1b;
    text-align: center;
    border: 1px solid #1d1d1b;
    padding: 5px 5px 13px 5px;
    box-sizing: border-box;
    background-image: url('../../images/System/langs_arrow_down.png');
    background-repeat: no-repeat;
}
.stuck_media {
	width: 16px;
	float: left;
	text-align: center;
	margin-left: calc(50% - 8px);
	margin-right: calc(50% - 8px);
	position:absolute;
	bottom:100px
}
.stuck_media_icon {
	float: none;
	color: #221f1f !important;
	text-align: center;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
}
.stuck_media_icon i {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.7 !important;
	font-size: 17px;
	font-weight: 400;
}
section .stuck_container_frame {
	background-color:#f4f5f7;
}
section.smaller .stuck_container_frame {
	background-color:#fff;
}
}
/* Media Queries for Phone Portrait
-------------------------------------------------------------- */
@media all and (max-width:320px) {
.stuck_container {
	width: 65px;
	height: calc(100% - 65px);
	float: left;
	position: fixed;
	top: 65px;
	bottom: 0px;
	left:0;
	background-color:#fff;
	display:none;
}
/*.stuck_container_text_horizon {
	width: 100%;
	float: left;
	text-align:center;
	padding-top:20px;
	display:inline-block;
}
.stuck_text_horizon {	
	text-align:center;
	font-size:22px;
	font-weight: 700;
    writing-mode: vertical-rl;
    text-orientation: sideways;
    display:inline-block;
}*/
.stuck_lang_container {
	float: right;
	width: 100%;
	position:absolute;
	top:calc(45% - 20px);
}
.stuck_langs {    
    background-position: center 24px;
    float: right;
    width: 32px;
    margin-left: calc(50% - 16px);
    margin-right: calc(50% - 16px);
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1b;
    text-align: center;
    border: 1px solid #1d1d1b;
    padding: 5px 5px 13px 5px;
    box-sizing: border-box;
    background-image: url('../../images/System/langs_arrow_down.png');
    background-repeat: no-repeat;
}
.stuck_media {
	width: 16px;
	float: left;
	text-align: center;
	margin-left: calc(50% - 8px);
	margin-right: calc(50% - 8px);
	position:absolute;
	bottom:100px
}
.stuck_media_icon {
	float: none;
	color: #221f1f !important;
	text-align: center;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
}
.stuck_media_icon i {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.7 !important;
	font-size: 17px;
	font-weight: 400;
}
section .stuck_container_frame {
	background-color:#f4f5f7;
}
section.smaller .stuck_container_frame {
	background-color:#fff;
}
}