:root {
	--logo-height: 70px;
	--logo-optical-center: 3px;
	--logo-height-fixed: 50px;
	--logo-optical-center-fixed: 2px;
	
	--theme-color-1: #177dc0;
	--theme-color-2: #f4a82d;
	--theme-color-3: #86a8cc;
	
	--responsive-size-max-1: 1599px;
	--responsive-size-max-2: 1200px;
	--responsive-size-max-3: 991px;
	--responsive-size-max-4: 767px;
	--responsive-size-max-5: 599px;
	--responsive-size-max-6: 499px;
	--responsive-size-max-7: 399px;
	
}

.theme-bg-1 {background: var(--theme-color-1) !important;}
.theme-bg-2 {background: var(--theme-color-2) !important;}
.theme-bg-3 {background: var(--theme-color-3) !important;}
.theme-bg-anim1:before , .theme-bg-anim2:before {opacity: 1 !important; background: var(--theme-color-3) !important;}
.theme-bg-anim1:after {background: var(--theme-color-2) !important;}
.theme-bg-anim2:after {background: var(--theme-color-1) !important;}

.auto-container {
	max-width: 1500px !important;
}

.logo-box .logo img {
	min-height: var(--logo-height);
}

.logo-box {
	padding: calc(calc(calc(110px - var(--logo-height))/2) + var(--logo-optical-center)) 0px calc(calc(calc(110px - var(--logo-height)) / 2) - var(--logo-optical-center)) !important;
}

.fixed-header .logo-box .logo img {
	min-height: var(--logo-height-fixed);
}

.fixed-header .logo-box {
	padding: calc(calc(calc(65px - var(--logo-height-fixed))/2) + var(--logo-optical-center-fixed)) 0px calc(calc(calc(65px - var(--logo-height-fixed)) / 2) - var(--logo-optical-center-fixed)) !important;
}

@media only screen and (max-width: 399px) {
	.logo-box {
	padding: 15px 0px 0px !important;
}
}



.theme-btn:before {
	opacity: 1;
	background: var(--theme-color-3);
}

.theme-btn:after {
	background: var(--theme-color-2);
}