/*===================== 
	ECOS-IMETRO - Primary colors
=====================*/
:root{
	--primary: #0055a4;	
}

/* Hex */
#loading-area > div,
.bg-primary,
a.bg-primary:hover,
.overlay-primary-light:after,
.overlay-primary-middle:after,
.overlay-primary-dark:after,
.site-button{
    background-color: #0055a4;
}

/*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: #003d7a;
}

/*===================== 
	Premery text color 
=====================*/
a,
.text-primary,
.site-button.outline,
.dez-countdown .date .time{
    color: #0055a4;
}

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

/* GD */

.style-1 .countdown .date .time{
	background: rgb(0,85,164);
	background: -moz-linear-gradient(left, rgba(0,85,164,1) 0%, rgba(0,150,200,1) 100%);
	background: -webkit-linear-gradient(left, rgba(0,85,164,1) 0%,rgba(0,150,200,1) 100%);
	background: linear-gradient(to right, rgba(0,85,164,1) 0%,rgba(0,150,200,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0055a4', endColorstr='#0096c8',GradientType=1 );
}

.style-1 .dez-social-icon li a,
.site-button.gradient{
    background-image: linear-gradient(to right,#0055a4 0,#0096c8 51%,#0055a4 100%);
	background-size: 200%;
}
.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(0,85,164,0.25) !important;
}

.dez-subtitle {
	font-size: 18px;
	line-height: 28px;
	color: rgba(255,255,255,0.9);
	max-width: 600px;
	margin: 0 auto 30px;
	font-weight: 400;
}

.site-button.white {
	color: #0055a4;
}

.style-3 .dez-title {
	color: #ffffff;
	text-shadow: 0 2px 20px rgba(0,0,0,0.3);
}

.style-3 .logo img {
	max-width: 280px;
}

.countdown-timer .clock .clock-item .val {
	font-weight: 700;
}

.style-3 .sy-slide > img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

.dez-coming-soon {
	background: #001a33;
}

.style-3 .dez-coming-bx {
	position: relative;
	z-index: 2;
}

.style-3.dez-coming-soon::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: rgba(0,0,0,0.45);
}