.es_settings{
	position:fixed;
	z-index:100;
	top: 25%;
	right: -230px;
}
.es_skin{
	width:230px;
}


.es_color i{
    color: #ffffff;
    font-size: 22px;
	font-weight: 600;
	padding:4px 5px 5px 5px;
}
.es_color, .es_common, .es_settings{
	border-radius: 5px 0 0 5px;
}
.es_color img{
       width: 28px;
    position: relative;
    top: 6px;
    left: 6px;
}
/*.es_color p{
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	padding: 5px 0 5px 5px;
}*/
/* .es_common{
	background-color: rgba(0,73,144,0.5);
} */

/* .fa-spin-hover:hover {
    animation: fa-spin 2s infinite linear;
} */
/* 
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transfo rm:rotate(359deg);transform:rotate(359deg)}}

.es_color i {
   animation: fa-spin 2s infinite linear;
}
 */
 
 
 .fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* .es_settings .pad-top{
	padding-top: 20px;
} */

/* .es_settings .widget_same:hover .text{
	color: #1e3799;
} */
/* @media only screen and (min-width: 250px) and (max-width: 639px) {
	.es_skin{
		width:80px;
	}
	
	
	.es_settings{
	right: -80px;
	}
} */