.video_icons {
	bottom: 52px;
	position: absolute;
	width: 93%;
}
.video_icons--result {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
			justify-content: space-between;
	bottom: 0px;
	width: 100%;	
}
.video_icons--result .threesixty-icon-container {
	width: 30%;
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgba(1, 128, 62, 0.7);
}
.video_icons--result img {
	width: auto;
	height: 18px;
}
.video_icons--result .spin-icon {
	margin: 7px 0;
	padding: 0 4px;
}
.video_icons--result .spin-text {
	display: inline-block;
	margin: 5px 0;
}
.threesixty-icon-container {
    background-color: #01803e;
	display: inline-block;
	cursor: pointer;
	margin: 0 1px 0 0;
}

 .spin-icon {
    position: relative;
	padding: 0 1em;
	margin: 1em auto 1em auto;
}

.spin-text {
    font-family: ProximaNovaExCn-BoldWeb;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    display: block;
	text-align: center;
	margin: 0 1em 1em 1em;
}


.spin-div {
	max-width: 100%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 999999;
  padding-top: 2em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.8);
  animation: fadein 1s;
  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
}

/* Modal Animation */
@keyframes fadein {
	from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Modal Content */
.modal-content {
  margin: 5px auto;
  width: 80%;
  height: calc(100% - 10px);
}

/* The Close Button */
.closeModal {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
  z-index: 999999;
  cursor: pointer;
}

.closeModal:hover,
.closeModal:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
@media(max-width: 915px) {
	.video_icons--result .spin-text {
		margin: 7px 0;
		font-size: 14px;
		line-height: 16px;
	}
	.video_icons--result img {
		height: 16px;
	}
}
@media(max-width: 840px) {
	.video_icons--result .threesixty-icon-container {
		padding-left: 3px;
    	padding-right: 3px;
	}
}
@media(max-width: 795px) {
	.video_icons--result .threesixty-icon-container {
		width: 36%;
	}
}
@media(max-width: 680px) {
	.video_icons--result img {
		height: 18px;
	}
	.video_icons--result .spin-text {
		font-size: 16px;
    	line-height: 18px;
	}
	.video_icons--result .threesixty-icon-container {
		width: 25%;
	}
	.video_icons--result .spin-icon {
		margin: 10px 0;
		padding: 0 6px;
	}
	.video_icons--result .spin-text {
		margin: 10px 0;
	}
}
@media(max-width: 445px) {
	.video_icons--result .threesixty-icon-container {
		padding-left: 3px;
    	padding-right: 3px;
	}
	.video_icons--result .spin-text {
		margin: 11px 0;
		font-size: 14px;
		line-height: 16px;
	}
	.video_icons--result img {
		height: 16px;
	}
}