/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.loan_s {
    position: fixed;
    z-index: 99;
    right: -38px;
    transform: rotate(90deg);
    top: 160px;
}

.loan_s .btn {
	border-radius: 0px 0px 10px 10px !important;
	background-color: #ff6900 !important;
	border-color: #ff6900 !important;
	color: #fff !important;
	font-size: 16px !important;
	padding: 6px 12px !important;
}

.years {
	bottom: 40px;
	position: fixed;
	z-index: 9;
	left: 13px;
}


.cta h2 {
	font-size: 33px;
}

.cta_section {
	margin-bottom: -100px;
	z-index: 9;
	position: relative;
}

.cta_btn {
	color: #ffffff;
	background-color: #f58634;
	border: none;
	font-weight: bold;
}

.location_content form button {
	color: #f58634;
	background-color: #fbf5e5;
	border: none;
	font-weight: bold;
}

.years img {
	width: 64%;
}


.latest-news {
	padding: 8px 0px 9px 3px;
}

.latest-news a {
	font-weight: 600;
	font-size: 15px;
}


.slider_btn {
	position: relative;
	top: 352px;
	left: 17px;
}



/* Extra -  For Booking Form */
/*------------- Form ---------------*/

.nb-form {
	position: fixed;
	z-index: 9999;
	width: 310px;
	background: #FFF;
	right: 33px;
	bottom: -87%;
	transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s;
	border-radius: 10px 10px 0 0;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
}

.nb-form:hover {
	bottom: 0px;
}

/*-- User Icon --*/

.nb-form .user-icon {
	position: absolute;
	top: -49px;
	right: 12px;
	display: block;
	width: 58px;
	margin: 20px auto 15px;
	border-radius: 100%;
}



.date {
	background-color: #ffe8aa;
	color: #ff6900;
}

/*-- Title --*/

.nb-form .title {
	background: #ff6900;
	font-size: 16px !important;
	padding: 5px 20px !important;
	color: #fff !important;
	border-radius: 10px 10px 0 0;
}

/*-- Text --*/

.nb-form p {
	font-size: 13px;
	margin: 0;
	padding: 15px;
	color: #666;
}

.nb-form p.message {
	margin-left: 7px;
}

/*-- Form Elements --*/

.nb-form form {
	padding: 0 15px 15px 15px;
}

.nb-form input,
.nb-form textarea {
	font-family: 'Manrope', sans-serif;
	font-size: 13px !important;
	width: 254px;
	max-width: 254px;
	margin-bottom: 10px;
	margin-left: 7px;
	padding: 6px;
	border: none;
	border-radius: 4px;
	color: #999;
	border-bottom: 1px solid #f0f0f0;
}

.nb-form input:focus,
.nb-form textarea:focus {
	outline: none;
	box-shadow: none;
}

.nb-form input[type='submit'] {
	display: block;
	margin: 0 auto;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	cursor: pointer;
	transition: all .4s ease;
	color: #fff !important;
	border: none;
}


.nb-form textarea {
	min-height: 110px;
}


.nb-form ::-webkit-input-placeholder {
	color: #ccb0b0;
}

.nb-form ::-moz-placeholder {
	color: #ccb0b0;
}

#header-wrap #logo .logo-default {
	width: 400px;
	position: absolute;
	top: 5px;
	left: 60px;
}

#header-wrap #logo .logo_2 {
	margin-left: 50px;
}

.nb-form :-ms-input-placeholder {
	color: #ccb0b0;
}

.nb-form :-moz-placeholder {
	color: #ccb0b0;
}


.ac_sidebar {
	padding: 10px;
	background: white;
	justify-content: space-between;
	border-radius: 10px;
	box-shadow: 0 2px 7px 0 rgb(0 0 0 / 2%), 0 8px 16px 0 rgb(0 0 0 / 7%);
	border-left: 10px solid;

}

.ac_sidebar:hover {

	border-left: 10px solid #f58634;
}



.step-3::before {
	display: none;
}

.ac_title h4 {
	color: #f58634;
}

#to-show {
	display: none;
}

#to-hover:hover>#to-show {
	display: block;
}

.about {
	padding-bottom: 0px;
	height: fit-content;
}

.block-testimonials .owl-carousel .owl-nav [class*=owl-] {
	opacity: 1 !important;
}


.page-title {
	background-size: cover;
	padding: 67px 0;

	top: 17px;

}

.testi_img img {
	width: 40% !important;
}

.block-testimonials .owl-carousel .owl-nav .owl-next {
	right: -20px !important;
}

.block-testimonials .owl-carousel .owl-nav .owl-prev {
	left: -20px !important;
}

.testimonial-card {
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, .05);
}


.footer_icon {
	margin-right: 10px;
}

.footer_icon i {
	font-size: 18px;
	background: #111111d1;
	padding: 8px 13px;
	border-radius: 50%;
}


.mega-menu-content {
	border-top: var(--cnvs-primary-menu-submenu-top-border) !important;
}



.footer-widgets-wrap p,
.footer_list {
	font-size: 16px;
}

.about_menu {
	display: none;
}




@media screen and (max-width: 992px) {

	.primary-menu-trigger,
	#page-menu-trigger {
		position: absolute;
		top: 13px;
		right: 0px;
	}

	.about_menu_lg {
		display: none;
	}

	.about_menu {
		display: block;
	}

	#header-wrap #logo .logo_2 {
		margin-left: 0px;
	}

	.header-row {
		display: block;
	}


	#header-wrap {
		padding: 5px 0;
	}

}

.download_btn {
	font-size: 18px;
	font-weight: 700;

}

.service_card {
	position: absolute;
	right: 0;
	background: #fbf5e5;
	border-radius: 5px 0px 0px 5px;
	border-left: 4px solid #f58634;
	bottom: -36px;
}


.loan_tab ul li {
	font-size: 17px;
}


.loan_b {
	width: fit-content;
	padding: 13px 34px;
}


.service_info {
	padding: 30px;
}

.is-expanded-menu .sub-menu-container .menu-item:hover>.menu-link {
	padding-left: 0px;
}


@media screen and (max-width: 466px) {
	.info_table {
		overflow-y: scroll;
		scrollbar-width: thin;
	}
}



@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.top-links-item>a {
		font-size: 12px;
	}

	.news_1 {
		width: 11%;
	}


	.modal-content2 {
		margin: 106px 330px;
	}

	.news_2 {
		width: 68% !important;
	}

	.vl {
		height: 36px !important;
	}

	.news_1 {
		width: 10% !important;
	}

	.latest-news a {
		font-size: 12px;
	}

	.grid-filter li a {
		font-size: 10px;
		padding: 10px 12px;

	}

	.icon-stacked {
		position: relative;
		display: inline-block;
		width: 40px;
		height: 40px;
		line-height: 37px;
		vertical-align: middle;
	}

	.icon-2x {
		font-size: 20px;
	}


	#header-wrap {
		height: 64px;
	}

	#header-wrap #logo .logo-default {
		left: 37px;
		width: 310px;
		position: absolute;
		top: 6px;
	}

	.is-expanded-menu .header-row {
		margin-top: 17px;
	}


	.menu-container>.menu-item>.menu-link {
		font-size: 11px;
	}

	.sub-menu-container:not(.mega-menu-column) {
		padding: 10px;
	}

	.sub-menu-container .menu-item>.menu-link {
		font-size: 11px;
	}

	.is-expanded-menu .menu-container>.menu-item:not(.mega-menu) .sub-menu-container:not([class*=col-]):not([class=col]) {
		width: 200px;
	}

	.menu-link {
		padding: 6px 13px !important;
	}

	#header-wrap #logo img {
		width: 92%;
	}

	#header-wrap #logo .logo_2 {
		margin-left: 86px;
	}

	.section-product .section-product-content2 {
		max-width: 57%;
		position: absolute;
		bottom: 0px;
		right: 26px;
		background-color: #FFF;
		padding: 20px;
		z-index: 1;
	}

	.section-product .section-product-content {
		max-width: 57%;
		position: absolute;
		bottom: 40px;
		left: 26px;
		background-color: #FFF;
		padding: 20px;
		z-index: 1;
	}


	.ipad_pro {
		display: flex;
		justify-content: flex-end;
	}

	.mail {
		font-size: 11px;
	}

}


.services-grid .oc-item {
	padding: 5px 0px;
}


.topbar_d {
	display: flex;
	justify-content: space-between;
}

.news_1 {
	width: 9%;
}

.news_2 {
	width: 69%;
}


.news_3 {
	width: 22%;
}


@media only screen and (min-width: 1200px) and (max-width: 1365px) {
	#header-wrap #logo .logo-default {
		width: 370px;
		position: absolute;
		top: 5px;
		left: 30px;
	}




	.modal-content2 {
		margin: 165px 435px;
	}

	.news_2 {
		width: 68% !important;
	}

	.vl {
		height: 36px !important;
	}

	.news_1 {
		width: 10% !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#header-wrap #logo img {
		height: 100%;
		width: 40%;
		margin: 0px;
	}
}

@media only screen and (min-width: 501px) and (max-width: 767px) {
	#header-wrap #logo img {
		height: 100%;
		width: 40%;
		margin: 0px;
	}
}

@media only screen and (min-width: 401px) and (max-width: 500px) {
	#header-wrap #logo img {
		height: 100%;
		width: 60%;
		margin: 0px;
	}
}

@media only screen and (min-width: 300px) and (max-width: 400px) {
	#header-wrap #logo img {
		height: 100%;
		width: 70%;
		margin: 0px;
	}
}






@media screen and (max-width: 676px) {
	.nb-form:hover .user-icon {
		display: none;
	}




	.about {
		padding-bottom: 140px;
	}



	.years {
		bottom: 17px;
		position: fixed;
		z-index: 9;
		left: 14px;
	}

	.years img {
		width: 54%;
	}



	.nb-form .message {
		display: none;
	}

	.nb-form form {
		padding-top: 15px;
	}

	.nb-form {
		right: 50%;
		bottom: -93%;
		left: 50%;
		transform: translateX(-50%);
	}
}


.modal-lg2 .modal-header {
	background-color: #f58634;
}

.announcement_btn {
	position: fixed;
	z-index: 99;
	color: #fff;
	right: -60px;
	transform: rotate(90deg);
	top: 375px;
	border-radius: 0px 0px 10px 10px;
	background-color: #ff6900;
	border-color: #ff6900;
}

.announcement_btn:hover {
	background-color: #800000;
	color: #fff;
	border-color: #800000;
}

.career_title {
	background-color: #f58634;
	padding: 10px;
	border-radius: 10px 10px 0px 0px;
}

.career_info p {
	text-align: left !important;
}


.onload_form .form-control {
	--cnvs-input-btn-input-bg: #f5863445;
	--cnvs-input-btn-border-color: #f5863400;
	--cnvs-input-focus-color: #626262;
	--cnvs-input-focus-border-color: #4e363600;
	--cnvs-input-focus-box-shadow: 0 0 0 0.25rem #f5863461;

	border: var(--cnvs-input-btn-border-width) solid var(--cnvs-input-btn-border-color);
}



.c_form_title {
	background-color: #f58634;
	border-bottom: none;
}

.announcement_btn:focus {
	background-color: #800000;
	border-color: #800000;
}

.section-product-content ul li {
	font-size: 16px;
}

.side-panel-wrap .title {
	background-color: #f58634;
	padding: 10px;
}

.annoucement_list {
	background-color: #fbf5e5;
	padding: 10px;
}

.annoucement_list ul li {
	font-size: 16px;
	background-color: #f586341f;
}




.menu-link {
	padding: 6px 15px;
}


@media screen and (min-width: 676px) {
	.nb-form {
		position: fixed;
		z-index: 9999;
		width: 310px;
		background: #FFF;
		right: 33px;
		bottom: -87%;
		transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s;
		border-radius: 10px 10px 0 0;
		box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
	}
}

marquee li::marker {
	color: white;
}

.award_info h3 {
	font-size: 13px;
	text-align: center;
	margin-top: 10px;
	text-transform: capitalize !important;
	color: #f58634;
}


.block-card-9 .grid-inner .btn-hover {
	opacity: 0;
	display: block;
	transition: opacity .3s ease, transform .3s .1s ease;
	margin-top: 15px;
	position: absolute;
	transform: translateY(0);
}

.block-card-9 .grid-inner:hover .btn-hover {
	opacity: 1;
	transform: translateY(-5px);
}

.block-card-9 .grid-inner .grid-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}

.block-card-9 .grid-inner:hover .grid-image {
	-webkit-animation: kenburns 20s ease-out both;
	animation: kenburns 20s ease-out both;
}

.block-card-9 .grid-inner .grid-icon,
.block-card-9 .grid-inner .grid-content {
	transition: transform .3s ease;
}

.block-card-9 .grid-inner:hover .grid-content {
	transform: translateY(-45px);
}

.block-card-9 .grid-inner:hover .grid-icon {
	transform: translateY(-5px);
}

.block-card-9 {
	height: 300px;
}

@-webkit-keyframes kenburns {
	0% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
		-webkit-transform-origin: 84% 84%;
		transform-origin: 84% 84%;
	}

	100% {
		-webkit-transform: scale(1.25) translate(20px, 15px);
		transform: scale(1.25) translate(20px, 15px);
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
	}
}

@keyframes kenburns {
	0% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
		-webkit-transform-origin: 84% 84%;
		transform-origin: 84% 84%;
	}

	100% {
		-webkit-transform: scale(1.25) translate(20px, 15px);
		transform: scale(1.25) translate(20px, 15px);
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
	}
}




.director h3 {
	font-size: 18px;
}

.director {
	padding: 16px 7px;
}

.modal-body .card-title {
	font-size: 20px;
}

@media screen and (max-width: 768px) {
	.announcement_btn {
		position: fixed;
		z-index: 99;
		color: #fff;

		transform: rotate(90deg);
		top: 330px;
		border-radius: 0px 0px 10px 10px;
		background-color: #ff6900;
		border-color: #ff6900;
	}


	#header-wrap {
		height: fit-content;
	}

	.mission-goals {
		top: 0;
		z-index: 1;
	}




}

@media only screen and (min-width: 100px) and (max-width: 375px) {
	.page-title {
		background-size: cover;
		padding: 11px 0;
		top: 0px;
	}

	.page-title-content span {
		margin-top: 0px;
		font-size: 10px;
	}

	#side-panel {
		width: 300px;
	}

	.side-panel-wrap {
		width: 300px !important;
	}


	#header-wrap {
		height: fit-content;
	}

}


@media only screen and (min-width: 376px) and (max-width: 430px) {
	.page-title {
		background-size: cover;
		padding: 15px 0;
		top: 0px;
	}

	.page-title-content span {
		margin-top: 0px;
		font-size: 10px;
	}

	#side-panel {
		width: 400px;
	}

	.side-panel-wrap {
		width: 400px !important;
	}

	#header-wrap {
		height: fit-content;
	}

}


@media screen and (min-width: 2000px) {
	.page-title {
		padding: 160px 0;
		top: 50px;
	}
}

@media screen and (min-width: 1400px) {
	.page-title {

		top: 17px;
	}
}


@media only screen and (min-width: 1201px) and (max-width: 1300px) {
	.page-title {
		background-size: cover;
		padding: 60px 0;
		top: 17px;
	}


}




@media only screen and (min-width: 1101px) and (max-width: 1200px) {
	.page-title {
		background-size: cover;
		padding: 53px 0;
		top: 0px;
	}

}

@media only screen and (min-width: 993px) and (max-width: 1100px) {
	.page-title {
		background-size: cover;
		padding: 40px 0;
		top: 0px;
	}

	.top-links-item>a {
		padding: 18px 11px;
	}

	.vl_p {
		border-left: 2px solid #e97f31;
		height: 37;
		position: absolute;
		top: 0px;
		right: 198px !important;
	}

	.vl_c {
		border-left: 2px solid #e97f31;
		height: 37;
		position: absolute;
		top: 0px;
		right: 59px !important;
	}
}

@media only screen and (min-width: 901px) and (max-width: 992px) {
	.page-title {
		background-size: cover;
		padding: 32px 0;
		top: 0px;
	}
}

@media only screen and (min-width: 821px) and (max-width: 900px) {
	.page-title {
		background-size: cover;
		padding: 26px 0;
		top: 0px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 820px) {
	.page-title {
		background-size: cover;
		padding: 20px 0;
		top: 0px;
	}
}

@media only screen and (min-width: 701px) and (max-width:767px) {
	.page-title {
		background-size: cover;
		padding: 35px 0;
		top: 0px;
	}

	.page-title-content span {
		margin-top: 0px;
	}
}

@media only screen and (min-width: 651px) and (max-width:700px) {
	.page-title {
		background-size: cover;
		padding: 30px 0;
		top: 0px;
	}

	.page-title-content span {
		margin-top: 0px;
	}
}

@media only screen and (min-width: 601px) and (max-width:650px) {
	.page-title {
		background-size: cover;
		padding: 28px 0;
		top: 0px;
	}

	.page-title-content span {
		margin-top: 0px;
	}
}

@media only screen and (min-width: 551px) and (max-width:600px) {
	.page-title {
		background-size: cover;
		padding: 19px 0;
		top: 0px;
	}

	.page-title-content span {
		margin-top: 0px;
	}
}

@media only screen and (min-width: 501px) and (max-width:550px) {
	.page-title {
		background-size: cover;
		padding: 15px 0;
		top: 0px;
	}

	.page-title-content span {
		margin-top: 0px;
	}
}

@media only screen and (min-width: 431px) and (max-width:500px) {
	.page-title {
		background-size: cover;
		padding: 10px 0;
		top: 0px;
	}

	.page-title-content span {
		margin-top: 0px;
	}
}

@media only screen and (min-width: 1152px) and (max-width: 1200px) {
	#slider {
		height: 330px;
		top: 0px;
	}
}

@media only screen and (min-width: 1051px) and (max-width: 1152px) {
	#slider {
		height: 330px;
		top: 0px;
	}
}

@media only screen and (min-width: 993px) and (max-width: 1050px) {
	#slider {
		height: 319px;
		top: 0px;
	}


	.modal-lg2 {
		margin: 32px auto;
	}
}


@media only screen and (min-width: 901px) and (max-width: 992px) {
	#slider {
		height: 295px;
		top: 0px;
	}
}

@media only screen and (min-width: 851px) and (max-width: 900px) {
	#slider {
		height: 266px;
		top: 0px;
	}
}

@media only screen and (min-width: 800px) and (max-width: 850px) {

	.modal-content2 {
		margin: 346px 60px !important;
	}
}

@media only screen and (min-width: 751px) and (max-width: 850px) {
	#slider {
		height: 246px;
		top: 0px;
	}

	.modal-content2 {
		margin: 262px 34px;
	}
}

@media only screen and (min-width: 701px) and (max-width: 750px) {
	#slider {
		height: 217px;
		top: 0px;
	}
}

@media only screen and (min-width: 651px) and (max-width: 700px) {
	#slider {
		height: 217px;
		top: 0px;
	}
}

.marquee_2 ul li {
	background-color: #f586342e;
	font-size: 17px;
}

.fund_s {
	position: fixed;
	z-index: 99;
	left: -51px;
	transform: rotate(-90deg);
	top: 228px;
}


.fund_s .btn {
    border-radius: 0px 0px 10px 10px !important;
    background-color: #ff6900 !important;
    border-color: #ff6900 !important;
    color: #fff !important;
    font-size: 16px !important;
    padding: 6px 12px !important;
}

.e_s {
	position: fixed;
	z-index: 99;
    left: -69px;
    transform: rotate(-90deg);
    top: 397px;
}


.e_s .btn {
    border-radius: 0px 0px 10px 10px !important;
    background-color: #ff6900 !important;
    border-color: #ff6900 !important;
    color: #fff !important;
    font-size: 16px !important;
    padding: 6px 12px !important;
}


.marquee_2 {
	padding: 0 45px 0px 20px;
}


@media only screen and (min-width: 531px) and (max-width: 650px) {
	#slider {
		height: 195px;
		top: 0px;
	}
}

@media only screen and (min-width: 471px) and (max-width: 530px) {
	#slider {
		height: 159px;
		top: 0px;
	}
}


@media only screen and (min-width: 451px) and (max-width: 470px) {
	#slider {
		height: 140px;
		top: 0px;
	}
}




@media only screen and (min-width: 400px) and (max-width: 450px) {
	#slider {
		height: 125px;
		top: 0px;
	}

	.modal-content2 {
		margin: 210px 15px;
	}

}


@media only screen and (min-width: 100px) and (max-width: 400px) {
	#slider {
		height: 115px;
		top: 0px;
	}

	.loan_s {
		top: 183px;
	}

	.canvas-alt-tabs {
		flex-direction: row;
		--bs-nav-link-padding-x: 7px !important;
		justify-content: center;

	}

	.canvas-alt-tabs li {
		--bs-nav-link-font-size: 14px !important;
	}

	.modal-content2 {
		margin: 210px 15px;
	}

	button.mfp-close,
	button.mfp-arrow {
		width: 30px;
		height: 30px;
	}

	.block-card-9 {
		margin-bottom: 20px;
	}


}

@media (min-width:1100px) and (max-width:1300px) {
	#slider {
		height: 399px;
		top: 17px;
	}

	.slider_btn {
		position: relative;
		top: 330px;
		left: 17px;
	}





}


.modal-lg2 {
	margin: 116px auto;
}

.up {
	background-color: #004A7F;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-family: Arial;
	font-size: 13px;
	padding: 3px 16px;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: none;
	-webkit-animation: glowing 1500ms infinite;
	-moz-animation: glowing 1500ms infinite;
	-o-animation: glowing 1500ms infinite;
	animation: glowing 1500ms infinite;
}

.up-1 {
	background-color: #004A7F;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-family: Arial;
	font-size: 13px;
	padding: 3px 16px;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: none;
	-webkit-animation: glowing-1 1500ms infinite;
	-moz-animation: glowing-1 1500ms infinite;
	-o-animation: glowing-1 1500ms infinite;
	animation: glowing-1 1500ms infinite;
}

@-webkit-keyframes glowing {
	0% {
		background-color: #B20000;
		-webkit-box-shadow: 0 0 3px #B20000;
	}

	50% {
		background-color: #FF0000;
		-webkit-box-shadow: 0 0 40px #FF0000;
	}

	100% {
		background-color: #B20000;
		-webkit-box-shadow: 0 0 3px #B20000;
	}
}

@-moz-keyframes glowing {
	0% {
		background-color: #B20000;
		-moz-box-shadow: 0 0 3px #B20000;
	}

	50% {
		background-color: #FF0000;
		-moz-box-shadow: 0 0 40px #FF0000;
	}

	100% {
		background-color: #B20000;
		-moz-box-shadow: 0 0 3px #B20000;
	}
}

@-o-keyframes glowing {
	0% {
		background-color: #B20000;
		box-shadow: 0 0 3px #B20000;
	}

	50% {
		background-color: #FF0000;
		box-shadow: 0 0 40px #FF0000;
	}

	100% {
		background-color: #B20000;
		box-shadow: 0 0 3px #B20000;
	}
}

@keyframes glowing {
	0% {
		background-color: #B20000;
		box-shadow: 0 0 3px #B20000;
	}

	50% {
		background-color: #FF0000;
		box-shadow: 0 0 40px #FF0000;
	}

	100% {
		background-color: #B20000;
		box-shadow: 0 0 3px #B20000;
	}
}

@-webkit-keyframes glowing-1 {
	0% {
		background-color: #e6670d;
		-webkit-box-shadow: 0 0 3px #e6670d;
	}

	50% {
		background-color: #F58634;
		-webkit-box-shadow: 0 0 40px #F58634;
	}

	100% {
		background-color: #e6670d;
		-webkit-box-shadow: 0 0 3px #e6670d;
	}
}

@-moz-keyframes glowing-1 {
	0% {
		background-color: #e6670d;
		-moz-box-shadow: 0 0 3px #e6670d;
	}

	50% {
		background-color: #F58634;
		-moz-box-shadow: 0 0 40px #F58634;
	}

	100% {
		background-color: #e6670d;
		-moz-box-shadow: 0 0 3px #e6670d;
	}
}

@-o-keyframes glowing-1 {
	0% {
		background-color: #e6670d;
		box-shadow: 0 0 3px #e6670d;
	}

	50% {
		background-color: #F58634;
		box-shadow: 0 0 40px #F58634;
	}

	100% {
		background-color: #e6670d;
		box-shadow: 0 0 3px #e6670d;
	}
}

@keyframes glowing-1 {
	0% {
		background-color: #e6670d;
		box-shadow: 0 0 3px #e6670d;
	}

	50% {
		background-color: #F58634;
		box-shadow: 0 0 40px #F58634;
	}

	100% {
		background-color: #e6670d;
		box-shadow: 0 0 3px #e6670d;
	}
}


@media (min-width:1399px) and (max-width:1500px) {
	#slider {
		height: 449px;
		top: 17px;
	}


	.modal-lg2 {
		margin: 182px auto;
	}

	.page-title {
		background-size: cover;
		padding: 72px 0;
		top: 17px;
	}



	.modal-content2 {
		margin: 230px 470px;
	}
}


@media (min-width:1500px) and (max-width:1670px) {
	#slider {
		height: 499px;
		top: 17px;
	}

	.modal-lg2 {
		margin: 182px auto;
	}

	.ipad_pro {
		left: 80px;
	}

	.archive {
		left: 641px;
	}

	.section-product .section-product-content2 {
		left: 228px;
	}

	.section-product .section-product-content {
		right: 203px
	}

	.page-title {
		background-size: cover;
		padding: 85px 0;
		top: 17px;
	}

	.slider_btn {
		position: relative;
		top: 425px;
		left: 20px;
	}


	.modal-content2 {
		margin: 230px 550px;
	}

}


@media (min-width:1671px) and (max-width:1700px) {
	#slider {
		height: 523PX;
		top: 17px;
	}


	.modal-content2 {
		margin: 309px 590px;;
	}

	.page-title {
		background-size: cover;
		padding: 91px 0;
		top: 17px;
	}

	.slider_btn {
		position: relative;
		top: 447px;
		left: 20px;
	}


}


@media (min-width:1701px) and (max-width:2000px) {

	#slider {
		height: 599PX;
		top: 17px;
	}


	.modal-content2 {
		margin: 380px 709px;;
	}


	.page-title {
		background-size: cover;
		padding: 110px 0;
		top: 17px;
	}

	.slider_btn {
		position: relative;
		top: 510px;
		left: 23px;
	}



}


@media (min-width:2001px) and (max-width:3000px) {
	#slider {
		height: 640px;
		top: 17px;
	}

	.page-title {
		background-size: cover;
		padding: 121px 0;
		top: 17px;
	}

	.modal-content2 {
		margin: 224px 673px;
	}

	.slider_btn {
		position: relative;
		top: 560px;
		left: 25px;
	}


}


@media (min-width:3001px) and (max-width:6000px) {
	#slider {
		height: 1196px;
		top: 17px;
	}

	.page-title {
		background-size: cover;
		padding: 260px 0;
		top: 17px;
	}

	.slider_btn {
		position: relative;
		top: 1080px;
		left: 50px;
	}



	.modal-content2 {
		margin: 763px 1569px;
	}
}