.stuck_media_icon:hover {
	color: #f68b38 !important;
}
.stuck_langs:hover {    
    color: #f68b38;
    border: 1px solid #f68b38;
}
/* Media Queries for Desktop
---------------------------------------------------------------*/
@media all and (min-width: 1438px) {
.stuck_container {
	width: 90px;
	height: calc(100% - 90px);
	position: fixed;
	top: 90px;
	bottom: 0px;
	z-index:1000
}
.stuck_container.smaller {
	width: 150px;
	height: calc(100% - 150px);
	float: right;
	position: fixed;
	top: 100px;
	bottom: 0px;
	right:0;
	background-color:#fff;
}
.stuck_lang_container {
	position: fixed;
	top: calc(50% - 70px);
	left:30px;
}
.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: #58585b;
    text-align: center;
    border: 1px solid #b9b9b9;
    padding: 5px;
    box-sizing: border-box;
}
.stuck_media {
	width: 30px;
	float: left;
	text-align: center;
	margin-left: calc(50% - 15px);
	margin-right: calc(50% - 15px);
	position:absolute;
	top:calc(50% - 70px);
}
.stuck_media_icon {
	float: right;
	width:30px;
	color: #58585b !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.3em !important;
	font-size: 30px;
	font-weight: 400;
}
section .stuck_container_frame {
	width: 150px;
	height: 150px;
	position: fixed;
	bottom: 0px;
	right: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;
}
.stuck_border_right {
	width: 90px;
	height: calc(100% - 90px);
	position: fixed;
	top: 90px;
	bottom: 0px;
    right:0;
	z-index:10;
    background-color:#fff;
}
.stuck_border_left {
	width: 90px;
	height: calc(100% - 90px);
	position: fixed;
	top: 90px;
	bottom: 0px;
    left:0;
	z-index:10;
    background-color:#fff;
}
}
/* Media Queries for Laptop
-------------------------------------------------------------- */
@media all and (max-width: 1439px) and (min-width: 769px) {
.stuck_container {
	width: 50px;
	height: calc(100% - 90px);
	position: fixed;
	top: 90px;
	bottom: 0px;
	z-index:1000
}
.stuck_container.smaller {
	width: 150px;
	height: calc(100% - 150px);
	float: right;
	position: fixed;
	top: 100px;
	bottom: 0px;
	right:0;
	background-color:#fff;
}
.stuck_lang_container {
	position: fixed;
	top: calc(50% - 70px);
	left:12px;
}
.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: #58585b;
    text-align: center;
    border: 1px solid #b9b9b9;
    padding: 5px;
    box-sizing: border-box;
}
.stuck_media {
	width: 30px;
	float: left;
	text-align: center;
	margin-left: calc(50% - 15px);
	margin-right: calc(50% - 15px);
	position:absolute;
	top:calc(50% - 70px);
}
.stuck_media_icon {
	float: right;
	width:30px;
	color: #58585b !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.3em !important;
	font-size: 30px;
	font-weight: 400;
}
section .stuck_container_frame {
	width: 150px;
	height: 150px;
	position: fixed;
	bottom: 0px;
	right: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;
}
.stuck_border_right {
	width: 60px;
	height: calc(100% - 60px);
	position: fixed;
	top: 60px;
	bottom: 0px;
    right:0;
	z-index:10;
    background-color:#fff;
}
.stuck_border_left {
	width: 60px;
	height: calc(100% - 60px);
	position: fixed;
	top: 60px;
	bottom: 0px;
    left:0;
	z-index:10;
    background-color:#fff;
}
}
/* Media Queries for Ipad
-------------------------------------------------------------- */
@media all and (max-width: 768px) and (min-width: 481px) {
.stuck_container {
	width: 50px;
	height: calc(100% - 80px);
	float: right;
	position: fixed;
	top: 80px;
	bottom: 0px;
	right:0;
	z-index:1000
}
.stuck_container.smaller {
	width: 150px;
	height: calc(100% - 150px);
	float: right;
	position: fixed;
	top: 100px;
	bottom: 0px;
	right:0;
	background-color:#fff;
}
.stuck_lang_container {
	position: fixed;
	top: 14px;
	right: 12px;
	z-index:10000000;
}
.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: #58585b;
    text-align: center;
    border: 1px solid #b9b9b9;
    padding: 5px;
    box-sizing: border-box;
}
.stuck_media {
	width: 16px;
	float: left;
	text-align: center;
	margin-left: calc(50% - 8px);
	margin-right: calc(50% - 8px);
	position:absolute;
	top:calc(10% + 50px);
	display:block;
}
.stuck_media_icon {
	float: none;
	color: #58585b !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;
	right: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;
}
.stuck_border_right {
	display:none;
}
.stuck_border_left {
	display:none;
}
}
/* Media Queries for Phone
-------------------------------------------------------------- */
@media all and (max-width:480px) and (min-width:319px) {
.stuck_container {
	width: 50px;
	height: calc(100% - 80px);
	float: right;
	position: fixed;
	top: 80px;
	bottom: 0px;
	right:0;
	z-index:1000
}
.stuck_container.smaller {
	width: 150px;
	height: calc(100% - 150px);
	float: right;
	position: fixed;
	top: 100px;
	bottom: 0px;
	right:0;
	background-color:#fff;
}
.stuck_lang_container {
	position: fixed;
	top: 14px;
	right: 12px;
}
.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: #58585b;
    text-align: center;
    border: 1px solid #b9b9b9;
    padding: 5px;
    box-sizing: border-box;
}
.stuck_media {
	width: 16px;
	float: left;
	text-align: center;
	margin-left: calc(50% - 8px);
	margin-right: calc(50% - 8px);
	position:absolute;
	top:calc(40% + 50px);
	display:none!important;
}
.stuck_media_icon {
	float: none;
	color: #58585b !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;
	right: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;
}
.stuck_border_right {
	display:none;
}
.stuck_border_left {
	display:none;
}
}
/* Media Queries for Phone Portrait
-------------------------------------------------------------- */
@media all and (max-width:320px) {
.stuck_container {
	width: 50px;
	height: calc(100% - 80px);
	float: right;
	position: fixed;
	top: 80px;
	bottom: 0px;
	right:0;
	z-index:1000
}
.stuck_container.smaller {
	width: 150px;
	height: calc(100% - 150px);
	float: right;
	position: fixed;
	top: 100px;
	bottom: 0px;
	right:0;
	background-color:#fff;
}
.stuck_lang_container {
	position: fixed;
	top: 14px;
	right: 12px;
}
.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: #58585b;
    text-align: center;
    border: 1px solid #b9b9b9;
    padding: 5px;
    box-sizing: border-box;
}
.stuck_media {
	width: 16px;
	float: left;
	text-align: center;
	margin-left: calc(50% - 8px);
	margin-right: calc(50% - 8px);
	position:absolute;
	top:calc(40% + 50px);
	display:none!important;
}
.stuck_media_icon {
	float: none;
	color: #58585b !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;
	right: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;
}
.stuck_border_right {
	display:none;
}
.stuck_border_left {
	display:none;
}
}