/*===================== 
	Primary bg color 
=====================*/

/* Hex */
.about-sidebox .closebtn,
#loading-area > div,
.bg-primary,
a.bg-primary:hover,
.overlay-primary-light:after,
.overlay-primary-middle:after,
.overlay-primary-dark:after,
.site-button,
.lg-actions .lg-next, 
.lg-actions .lg-prev, 
.lg-sub-html, 
.lg-toolbar{
    background-color: #ffc300;
}

/*Hex color :hover */
.site-button:active,
.site-button:hover,
.site-button:focus,
.active > .site-button,
.bg-primary-dark,
.sidenav .closebtn:hover,
.style-2 .dez-social-icon.dez-border li a:hover{
    background-color: #222220;
}

/*===================== 
	Premery text color 
=====================*/
a,
.text-primary,
.site-button.outline,
.dez-countdown .date .time,
.lg-outer .lg-toogle-thumb,
.lg-outer .lg-toogle-thumb:hover {
    color: #5F9DF7;
}

/*===================== 
	Border Color color 
=====================*/
.subscribe-box .form-control,
.site-button.outline,
.dez-countdown .date .time{
	border-color:#5F9DF7;
}

.lg-outer .lg-thumb-item.active, 
.lg-outer .lg-thumb-item:hover{
	border-color: #5F9DF7;
}

/* GD */

.style-1 .countdown .date .time{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffc300+0,ffa300+100 */
	background: rgb(255, 196, 0); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255, 196, 0,1) 0%, rgba(255, 163, 0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255, 196, 0,1) 0%,rgba(255, 163, 0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255, 196, 0,1) 0%,rgba(255, 163, 0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc300', endColorstr='#ffa300',GradientType=1 ); /* IE6-9 */
}

.site-button:active,
.site-button:hover,
.site-button:focus,
.galaxy-box .count-1.countdown .date .time,
.style-7 .dez-title,
.style-1 .dez-social-icon li a,
.site-button.gradient {
  background-color: #0591b2;
  background-size: 200%;
  transition: 500ms ease-in-out;
}

.style-1 .dez-social-icon li a,
.site-button:hover.gradient{
  background-color: #fffff0;
}

.site-button.outline.white:active, 
.site-button.outline.white:focus, 
.site-button.outline.white:hover{
	color:#222220;
}
.style-1 .dez-social-icon li a:hover,
.site-button.gradient:hover{
    background-position: right center;
}
#loading-area > div,
.site-button.shadow{
	box-shadow: 10px 10px 30px 0 rgba(255, 195, 0,0.25) !important;
}