.social-media {
    position: fixed;
    left: 0px;
    top: 50px;
    z-index: 9999;
}

.social-media ul {
    padding: 0px;
    margin: 0px;
	
    list-style-type: none;
}

.social-media ul li .social-content {
    float: left;

    display: none;

	min-width: 300px;
    padding: 10px;
}

#twitter .social-content iframe {
    height: 390px !important;
}

#.social-media ul li i {
	margin-left: -4px;
}

.social-media ul li .social-content.active {
    display: inline-block;
}

.social-media ul li a {
    width: 40px;
    height: 40px;

    display: inline-block;

    font-size: 1.3em;

    color: #fff;

    text-align: center;

    text-decoration: none !important;
}

.social-media ul li a:before {
	content: '';
    display: inline-block;
	height: 100%;
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
	.social-media {
	/*	top: 125px !important;*/
	top: 125px !important;
	right: 0 !important;
	    left: initial;
	
	}
	
	.social-media ul li a {
		width: 32px !important;
		height: 32px !important;
	}
}

#twitter a {
    background: #55acee;
}

#facebook a {
    background: #3C5998;
}

#googleplus a {
    background: #d34836;
}

#youtube a {
    background: #bb0000;
}

#instagram a{
    background: #125688;
}

#pinterest a {
    background: #cb2027;
}

#linkedin a {
    background: #007bb5;
}

/**
MAGIC REVIEWS
**/
.container-marquee {
    width: 100%;
    min-height: 8em;
    margin: 1em auto;
    overflow: hidden;
    /*background: white; */
    position: relative;
    box-sizing: border-box;
}

.marquee {
    top: 6em;
    position: relative;
    box-sizing: border-box;
    animation: marquee 15s linear infinite;
}

.marquee:hover {
    animation-play-state: paused;
}

/* Make it move! */
@keyframes marquee {
    0%   { top:   8em }
    100% { top: -11em }
}

/* Make it look pretty */
.container-marquee .marquee {
	margin: 0;
    padding: 0 1em;
    line-height: 1.5em;
    font: 1em 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}

.container-marquee:before, .container-marquee::before,
.container-marquee:after,  .container-marquee::after {
    left: 0;
    z-index: 1;
    content: '';
    position: absolute;
    pointer-events: none;
    width: 100%; height: 4em;
    /*background-image: linear-gradient(180deg, #FFF, rgba(255,255,255,0));*/
}

.DynamicContent ul {
	padding-left: 40px !important;
	list-style-type: disc !important;
}