@charset "UTF-8";

body {
	font-family: arial,"Microsoft JhengHei","微軟正黑體",sans-serif;
	line-height: 1.5;
	letter-spacing: 1px;
}

img {
	max-width: 100% !important;
}

.letter-spacing-2 {
	letter-spacing: 2px;
}
.rounded-30 {
	border-radius: 30px;
}

*:focus {
	box-shadow: none !important;
	outline: none !important;

}

label.error {
	font-size: 0.9em;
	color: #dc3545;
	margin-bottom: 0;
}

.form-control.custom {
	padding: .5rem .8rem;
	font-size: 1rem;
	border: 1px solid #001372;
	border-radius: 0;
}

select.form-control.custom:not([size]):not([multiple]) {
	height: calc(2.25rem + 5px);
}

.input-required:before {
	content: "*";
	color: #dc3545;
}

.red {
	color: #dc3545;
}
a.red:hover {
	color: #aa222f;
}

.min-600 {
	min-height: 600px;
}

.page-banner .banner-image {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
@media (max-width: 991px){
	.page-banner.banner-bg-camera-side .banner-image:after {
		display: block;
		position: absolute;
		top: 10px;
		left: 0;
		content: "";
		background: url(/assets/img/camera-side.svg) no-repeat;
		width: 60px;
		height: 50px;
		background-size: 50px;
	}
	.page-banner.banner-bg-camera .banner-image:after {
		display: block;
		position: absolute;
		top: 0px;
		left: 10px;
		content: "";
		background: url(/assets/img/camera.svg) no-repeat;
		width: 50px;
		height: 70px;
		background-size: 40px;
	}
}

.page-banner .banner-image:before {
	content: "";
	display: block;
	padding-bottom: 80px;
}

.banner-title {
	position: absolute;
	top: 35%;
	text-align: center;
	width: 100%;
	color: #022977;
	font-weight: bold;
	font-size: 1.4rem;
}

.header-title {
	font-size: 1.4rem;
	font-weight: bold;
	color: #000;
}
.header-title:hover {
	color: #000;
}

.header-search .input-group input {
	border-radius: 0;
	border-width: 1.5px;
}

.header-search .input-group .btn {
	background: #002A9F;
	border: solid 1.5px #002A9F;
	color: #fff;
	padding: 0 30px;
	font-size: 1.2rem;
	border-radius: 0;
}
.header-search .search-tag {
	color: #B5CEFF;
	font-weight: bold;
}
.header-search .search-tag a {
	color: #1C49A2;
	font-weight: 500;
	text-decoration: none;
}
.header-search .search-tag>a:not(:last-child):after {
	content: "|";
	font-weight: 500;
	padding: 0 5px;
}
.header-login {
	font-size: 1.2rem;
	color: #002A9F;
	white-space: nowrap;
}
.header-login:hover {
	color: #002A9F;
	text-decoration: none;
}

.header-menu {
	background: linear-gradient(to right, #002D51, #002D51 75%, #002A9F 100%);
}

.header-menu .menu-item > a {
	color: #fff;
	text-decoration: none;
}

.header-menu .menu-item .dropdown {
	position: absolute;
	z-index: 2;
	width: 150px;
	top: 35px;
	opacity: 0;
	visibility: hidden;
	transition: ease-out .35s;
	-moz-transition: ease-out .35s;
	-webkit-transition: ease-out .35s;
}
.header-menu .menu-item .dropdown li {
	list-style: none;
	white-space: nowrap;
	float: left;
	padding: 10px;
	padding-right: 25px;
	border-bottom: solid 1px rgba(112, 112, 112, 0.1);
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 1rem 1rem rgba(0,0,0,.3)
}
.header-menu .menu-item .dropdown li a {
	display: inline-block;
	color: #000;
	text-decoration: none;
}
.header-menu .menu-item .dropdown li:hover{
	background: #fff;
	transition: ease-in .35s;
	-moz-transition: ease-in .35s;
	-webkit-transition: ease-in .35s;
}
/*First Level*/
.subs {
	left: -45px;
	position: relative;
	top: 0px;
	width: 210px;
}
.subs:last-child{
	border: none !important;
}
.header-menu .menu-item.hassubs:after {
	display: inline-block;
	color: #fff;
	font-family: FontAwesome;
	content:"\f0d7";
	float: right;
	padding: 0 5px;
}
.header-menu .menu-item.hassubs:hover .hassubs:after {
	display: inline-block;
	color: #000;
	font-family: FontAwesome;
	content:"\f0da";
	float: right;
	padding: 0 5px;
	margin-right: -20px;
}
.hassubs:hover .dropdown,.hassubs .hassubs:hover .dropdown,.hassubs .hassubs .hassubs:hover .dropdown{
	opacity: 1;
	visibility: visible;
	transition: ease-in .35s;
	-moz-transition: ease-in .35s;
	-webkit-transition: ease-in .35s;
}
.header-menu .menu-item .dropdown li ul li:hover,.header-menu .menu-item .dropdown li ul li ul li:hover{
	background: #fff;
	transition: ease-in-out .35s;
	-moz-transition: ease-in-out .35s;
	-webkit-transition: ease-in-out .35s;
}
.header-menu .menu-item .dropdown li:hover>a,.header-menu .menu-item .dropdown li ul li:hover>a,.header-menu .menu-item.hassubs:hover .hassubs:hover:after{
	color: #5D8CE9;
	transition: ease-in-out .35s;
	-moz-transition: ease-in-out .35s;
	-webkit-transition: ease-in-out .35s;
}
/*Second Level*/
.hassubs .hassubs .dropdown .subs{
	left: -40px;
	position: relative;
	width: 210px;
	top: 0px;
}
.hassubs .hassubs .dropdown{
	position: absolute;
	width: 150px;
	left: 210px;
	top: 0px;
	opacity: 0;
	visibility: hidden;
	transition: ease-out .35s;
	-moz-transition: ease-out .35s;
	-webkit-transition: ease-out .35s;
}

/*Third Level*/
.hassubs .hassubs .hassubs .dropdown .subs{
	left: -40px;
	position: relative;
	width: 210px;
	top: 0px;
}
.hassubs .hassubs .hassubs .dropdown{
	position: absolute;
	width: 150px;
	left: 210px;
	top: 0px;
	opacity: 0;
	visibility: hidden;
	transition: ease-out .35s;
	-moz-transition: ease-out .35s;
	-webkit-transition: ease-out .35s;
}

.mobile-navbar .logo-img {
	height: 30px;
	margin-left: 1rem;
}

.mobile-navbar .header-title {
	font-size: 1rem;
	font-weight: bold;
	color: #000;
}

.mobile-navbar {
	height: 61px;
}
.mobile-navbar .navbar-button-group {
	padding: .25rem .75rem;
}
.mobile-navbar .navbar {
	background: #fff;
	flex-flow: nowrap;
	z-index: 2;
	padding-top: 10px;
	padding-bottom: 10px;
}
.mobile-navbar .navbar-collapse {
	max-height: 73vh;
	overflow: auto;
}
.mobile-navbar .menu-btn {
	background: #1C49A2;
	padding: 0px 6px;
}
.mobile-navbar .menu-btn .burger {
	position: relative;
	width: 22px;
	height: 30px;
	z-index: 1001;
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.mobile-navbar .menu-btn .burger span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #fff;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.mobile-navbar .menu-btn .burger span:nth-child(1) {
	top: 7px;
}
.mobile-navbar .menu-btn .burger span:nth-child(2) {
	top: 14px;
}
.mobile-navbar .menu-btn .burger span:nth-child(3) {
	top: 21px;
}
.mobile-navbar .menu-btn:not(.collapsed) span:nth-child(1) {
	top: 14px;
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.mobile-navbar .menu-btn:not(.collapsed) span:nth-child(2) {
	opacity: 0;
}
.mobile-navbar .menu-btn:not(.collapsed) span:nth-child(3) {
	top: 14px;
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.mobile-navbar .menu-item {
	position: relative;
	background: #fff;
	padding: 15px;
	letter-spacing: 4px;
	border-bottom: solid 1px #F2F2F2;
}
.mobile-navbar .menu-item a {
	color: #022161;
}

.mobile-navbar .menu-item a:hover {
	color: #000;
	text-decoration: none;
}

.mobile-navbar .navbar-collapse > .menu-item.has-collapse:after {
	display: inline-block;
	color: #8DB3FF;
	font-family: FontAwesome;
	content: "\f0d7";
}
.mobile-navbar .navbar-collapse > .menu-item.has-collapse:not(.collapsed), .mobile-navbar .navbar-collapse > .menu-item.has-collapse + div > .menu-item  {
	background: #F2F6FF;
}
.mobile-navbar .navbar-collapse > .menu-item.has-collapse + div > .menu-item  {
	border-bottom: dashed 1px #B5CEFF;
}
.mobile-navbar .navbar-collapse > .menu-item.has-collapse + div > .menu-item a  {
	color: #1C49A2;
}
.mobile-navbar .navbar-collapse .menu-item.has-collapse.level-1:not(.collapsed) {
	background: #fff;
	border-bottom: solid 1px #fff;
}
.mobile-navbar .navbar-collapse .menu-item.has-collapse.level-1:after {
	display: inline-block;
	padding-right: .3rem;
	padding-left: .3rem;
	color: #1C49A2;
	font-family: FontAwesome;
	content: "\f105";
	float: right;
}
.mobile-navbar .navbar-collapse .menu-item.has-collapse.level-1:not(.collapsed):after {
	content: "\f107";
}

.mobile-navbar .navbar-collapse .menu-item.has-collapse.level-2:not(.collapsed), .mobile-navbar .navbar-collapse .menu-item.has-collapse.level-2 + div > .menu-item  {
	background: #F9F9F9;
}
.mobile-navbar .navbar-collapse .menu-item.has-collapse.level-2 + div > .menu-item a  {
	color: rgba(0, 0, 0, 0.7);
}
.mobile-navbar .navbar-collapse .menu-item.has-collapse.level-2 + div > .menu-item {
	position: relative;
	border-bottom: 1px solid #F9F9F9;
	text-align: center;
}
.mobile-navbar .navbar-collapse .menu-item.has-collapse.level-2 + div > .menu-item:not(:last-child):after  {
	content: "";
	border-bottom: 1px solid #D4D4D4;
	position: absolute;
	left: 5%;
	right: 5%;
	bottom: 0;
}
.mobile-navbar .navbar-collapse .menu-item.has-collapse.level-2:not(.collapsed) {
	font-weight: bold;
	border-bottom: solid 1px #F9F9F9;
}
.mobile-navbar .navbar-collapse .menu-item.has-collapse.level-2:after {
	display: inline-block;
	padding-right: .3rem;
	padding-left: .3rem;
	color: #E2E2E2;
	font-family: FontAwesome;
	content: "\f105";
	float: right;
}
.mobile-navbar .navbar-collapse .menu-item.has-collapse.level-2:not(.collapsed):after {
	color: #000000;
	content: "\f107";
}
.mobile-navbar .menu-item .header-login {
	font-weight: bold;
	font-size: 16px;
	color: #022161;
}
.mobile-navbar .menu-item .header-login i {
	color: #1C49A2;
}
.mobile-navbar .menu-item .logout a {
	color: #1C49A2;
}

.mobile-navbar #mobile-search-div {
	position: relative;
	background: #fff;
	padding: 15px;
	padding-top: 25px;
	letter-spacing: 4px;
}
.mobile-navbar #mobile-search-div .nav-search .btn {
	padding: 0 20px;
}
.mobile-navbar #mobile-search-div .search-tag>div a:not(:last-child):after {
	content: "|";
	font-weight: 500;
	padding: 0 5px;
}
.mobile-navbar .navbar-button-group .btn.search-icon {
	margin-right: 8px;
	background: #ffffff;
	color: #1C49A2;
	padding: 1px 12px;
	font-size: 1.2rem;
}
.mobile-navbar-overlay {
	z-index: 1;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.8;
	background: rgba(0, 0, 0, 0.6);
}
.no-scroll {
	overflow-y: hidden;
}

.marquee {
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
	padding: 6px 0;
	background: linear-gradient(to right, #002D51, #002D51 85%, #002A9F 100%);
}

.page-banner .marquee {
	background: rgba(255, 255, 255, 0);
	padding: 4px 0;
}

.marquee a {
	color: #fff;
	display: inline-block;
	text-decoration: none;
	padding-left: 100%;
	animation: marquee 20s linear infinite;
	letter-spacing: 2px;
}

.marquee a:hover {
	color: #fff;
	animation-play-state: paused
}

.page-banner .marquee a {
	color: #022977;
}


@keyframes marquee {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-100%, 0);
	}
}

footer {
	position: relative;
	color: #fff;
}

footer .bg {
	background: url(/assets/img/footer.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
	min-height: 300px;
}
footer .footer-logo {
	width: 150px;
}
footer .company {
	font-size: 1.4rem;
	padding-top: 10px;
}
footer .company-sub {
	font-size: 12px;
}
@media (max-width: 991px){
	footer .footer-logo {
		width: 100px;
	}
}
@media (max-width: 575px){
	footer .footer-logo {
		width: 80px;
	}
	footer .company {
		font-size: 20px;
		padding-top: 10px;
	}
}
footer .company-info {
	white-space: nowrap;
}
footer .community {
	padding: 10px 0;
}
footer .community .icon {
	position: relative;
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
	width: 35px;
}
footer .community .icon:before {
	content: "";
	display: block;
	padding-bottom: 100%;
}
footer .map {
	flex: 1;
	padding-right: 70px;
	display: flex;
}
@media (max-width: 991px){
	footer .map {
		flex: inherit;
		width: 100%;
		padding: 0px;
	}
}
footer .copyright {
	position: absolute;
	bottom: 0;
	text-align: center;
	letter-spacing: 2px;
	width: 100%;
	padding: 5px 0;
}
footer .mobile-bottom {
	height: 53px;
}
footer .mobile-bottom .fixed-bottom {
	color: #fff;
	background: linear-gradient(to right, #002D51, #002D51 40%, #002A9F 100%);
}
footer .mobile-bottom .button {
	position: relative;
}
footer .mobile-bottom .button:first-child:after {
	position: absolute;
	width: 2px;
	height: 40%;
	right: 0px;
	bottom: 30%;
	content: "";
	background: #fff;
	border-radius: 30px;
}
footer .mobile-bottom .button:last-child:before {
	position: absolute;
	width: 2px;
	height: 40%;
	left: 0px;
	bottom: 30%;
	content: "";
	background: #fff;
	border-radius: 30px;
}
footer .mobile-bottom .text {
	font-size: 18px;
}

.breadcrumb {
	background-color: inherit;
	justify-content: flex-end;
	padding-right: 0;
}
@media (max-width: 991px){
	.breadcrumb {
		justify-content: flex-start;
		padding-bottom: 0;
		margin-bottom: 0;
		padding-left: 0;
	}
	.breadcrumb-item.active {
		display: none;
	}
}
.breadcrumb .breadcrumb-item:first-child a:before {
	display: inline-block;
	color: #B5CEFF;
	font-family: FontAwesome;
	content:"\f015";
	padding: 0 5px;
}
.breadcrumb-item a {
	color: #B5CEFF;
	text-decoration: none;
}
.breadcrumb-item.active {
	color: #1C49A2;
}
.breadcrumb-item+.breadcrumb-item:before {
	display: inline-block;
	padding-right: .5rem;
	color: #B5CEFF;
	font-family: FontAwesome;
	content:"\f105";
}

.pagination .page-link {
	border:0;
	background: none !important;
	color: #1C49A2 !important;
	padding: .5rem .75rem;
	margin-right: .5rem;
}
.pagination .page-item:last-child .page-link {
	margin-right: 0;
}
.pagination .page-item.active .page-link {
	color: #E30000 !important;
	cursor:default;
}
.pagination .page-link.next, .pagination .page-link.prev {
	color: #ECF2FF !important;
	border-radius: 3px;
	background-color: #1C49A2 !important;
	font-size: 1.6rem;
}
.pagination .page-link.next {
	padding: .1rem .6rem 0rem .8rem;
}
.pagination .page-link.prev {
	padding: .1rem .8rem 0rem .6rem;
}

.product-img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}
.product-img:before {
	content: "";
	display: block;
	padding-bottom: 75%;
}
.left-top-info {
	position: absolute;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	padding: 10px 20px;
	background-color: #79de21;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 5px;
	border-radius: 40px;
	margin-left: 10px;
	margin-top: 10px;
}

.product-title.l-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 65px;
}

.footer {
	background-color: #f9faff;
	color: #001372;
}
.footer a {
	color: #001372;
}

.btn-fixed {
	position: fixed;
	bottom: 120px;
	right: 15px;
	z-index: 1;
	text-align: center;
}

.go-top {
	position: fixed;
	bottom: -60px;
	right: 18px;
	z-index: 1;
	transition: all 0.2s ease-out;
}

.go-top.show {
	bottom: 65px;
}
@media (max-width: 991px){
	.go-top.show {
		bottom: 75px;
	}
}

.go-top a {
	padding: 1px 11px 5px 11px;
	background-color: #fff;
	border: solid 2px #ecf2ff;
	border-radius: 50%;
	color: #b5ceff;
	font-size: 30px;
}

.btn-fixed .community-link-fixed {
	position: relative;
	margin-bottom: 10px;
}

.btn-fixed .inquiry-link-fixed {
	position: relative;
	color: #fff;
	padding: 0;
	width: 50px;
	border-radius: 8px;
}

.btn-fixed .inquiry-link-fixed .icon {
	font-size: 1.8rem;
}
.btn-fixed .inquiry-link-fixed .text {
	letter-spacing: 3px;
	padding-top: 4px;
}

.btn.more {
	background-color: #fff3ae;
	padding: 10px 30px;
	font-size: 20px;
	font-weight: bold;
	color: #001372;
	letter-spacing: 8px;
}

.btn.more:after {
	content: "";
	display: inline-block;
	width: 50px;
	height: 15px;
	background: url(/assets/img/text-right.svg);
	background-repeat: no-repeat;
}

.qty-input {
	display: inline-block;
}
.qty-input input {
	width: 80px;
	height: 40px;
	margin: 0;
	padding: 0 10px;
	text-align: center;
	font-size: 20px;
	border: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	outline: 0;
	line-height: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	float: left;
}
.qty-input .qty-dec,
.qty-input .qty-inc {
	display: inline-block;
	width: 36px;
	padding: 1px;
	line-height: 1.5;
	vertical-align: middle;
	cursor: pointer;
	font-size: 24px;
	border: 1px solid #ccc;
	text-align: center;
	float: left;
	background-color: #fff;
}
.qty-input.lg .qty-value {
	width: 70%;
	height: 50px;
	font-size: 24px;
}
.qty-input.lg .qty-dec,
.qty-input.lg .qty-inc {
	width: 15%;
	font-size: 31px;
}

/* Ribbon */
.ribbon-wrapper {
	height: 70px;
	overflow: hidden;
	position: absolute;
	right: -1px;
	top: -1px;
	width: 70px;
	z-index: 10;
}

.ribbon-wrapper.ribbon-lg {
	height: 120px;
	width: 120px;
}

.ribbon-wrapper.ribbon-lg .ribbon {
	right: 0px;
	top: 26px;
	width: 160px;
}

.ribbon-wrapper.ribbon-xl {
	height: 180px;
	width: 180px;
}

.ribbon-wrapper.ribbon-xl .ribbon {
	right: 4px;
	top: 47px;
	width: 240px;
}

.ribbon-wrapper .ribbon {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	font-size: 0.8rem;
	line-height: 100%;
	padding: 0.375rem 0;
	position: relative;
	right: -2px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	text-transform: uppercase;
	top: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 90px;
}

.ribbon-wrapper .ribbon::before, .ribbon-wrapper .ribbon::after {
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 3px solid #9e9e9e;
	bottom: -3px;
	content: '';
	position: absolute;
}

.ribbon-wrapper .ribbon::before {
	left: 0;
}

.ribbon-wrapper .ribbon::after {
	right: 0;
}

.text-xs {
	font-size: 0.75rem !important;
}

.text-sm {
	font-size: 0.875rem !important;
}

.text-md {
	font-size: 1rem !important;
}

.text-lg {
	font-size: 1.25rem !important;
}

.text-lg-2 {
	font-size: 1.5rem !important;
}

.text-lg-3 {
	font-size: 1.75rem !important;
}

.text-xl {
	font-size: 2rem !important;
}


.segment-control label{
	position: relative;
	height:100%;
	display: block;
	height: 45px;
	margin-bottom: 0;
}

.segment-control [type="radio"]{
	display: none;
	z-index: 5;
	position: relative;
}

.segment-control [type="radio"] ~ span{
	transition: background .3s;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 0 25px;
	z-index: 5;
	position: relative;
}

.segment-control .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #28a745;
	top: 0;
	z-index: 0;
	left: 0;
	width: 0;
	transition: .3s width;
}

.segment-control label:nth-child(1) .bg{
	right: 0;
	left: auto;
}

.segment-control label:nth-child(2) .bg{
	left: 0;
}

.segment-control [type="radio"]:checked + .bg{
	width: 100%;  
}

.segment-control [type="radio"]:checked ~ span{
	color: #fff;
}

.segment-control.wrap{
	border:1px solid #ddd;
	display: inline-flex;
	overflow:hidden;
}

/* Page Loading */
.page-loading {
	position: fixed;
	z-index: 1033;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 50px;
	height: 50px;
}

/* Transparent Overlay */
.page-loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
}

.page-loading:not(:required) {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.page-loading:not(:required):after {
	content: '';
	display: block;
	font-size: 20px;
	width: 80px;
	height: 80px;
	margin-top: -0.5em;
	border: 6px solid #001372;
	border-radius: 100%;
	border-bottom-color: transparent;
	-webkit-animation: spinner 1s linear 0s infinite;
	animation: spinner 1s linear 0s infinite;


}

/* Loading Animation */
@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.mob-show {
	display: none;
}

@media (max-width: 991px){
	.h1, h1 {
		font-size: 2rem;
	}
	.mob-show {
		display: block !important;
	}
	.mob-hidden {
		display: none !important;
	}
	.fb-img {
		border-radius: 50%;
	}
	.btn-fixed .community-link-fixed {
		border: 0;
	}
	.go-top {
		right: 18px;
	}
}

.bg-camera .container {
	position: relative;
}

.bg-camera .container:before {
	display: block;
	position: absolute;
	top: 0;
	left: -53px;
	content: "";
	background: url(/assets/img/camera.svg) no-repeat;
	width: 70px;
	height: 100px;
}

.bg-camera-side .container {
	border-left: solid 1px #1C49A2;
	background: url(/assets/img/camera-side.svg) no-repeat 0 20px;
	background-size: 100px;
}
.bg-camera-side-w .container {
	position: relative;
}
.bg-camera-side-w .container:before {
	display: block;
	position: absolute;
	top: 20px;
	left: -90px;
	content: "";
	background: url(/assets/img/camera-side.svg) no-repeat;
	width: 104px;
	height: 92px;
}
.bg-camera-side-w .container-border-left {
	border-left: solid 1px #1C49A2;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -90px;
}

@media (max-width: 991px){
	.bg-camera .container:before {
		display: none;
	}
	.bg-camera-side .container {
		border-left: none;
		background: none;
	}
	.bg-camera-side-w .container:before {
		display: none;
	}
	.bg-camera-side-w .container-border-left {
		border-left: none;
		background: none;
	}
}

.page-title {
	text-align: center;
	letter-spacing: 2px;
}
.page-title .main-text {
	font-weight: bold;
	padding-bottom: 10px;
}
.page-title .sub-text {
	font-weight: bold;
	font-size: 1.2rem;
	position: relative;
}
.page-title .sub-text div {
	padding-bottom: 5px;
}
.page-title .sub-text:before {
	position: absolute;
	height: 3px;
	width: 18%;
	left: 23%;
	top: 0.5rem;
	content: "";
	background: #1C49A2;
}
.page-title .sub-text:after {
	position: absolute;
	height: 3px;
	width: 18%;
	right: 23%;
	top: 0.5rem;
	content: "";
	background: #1C49A2;
}
@media (max-width: 991px){
	.page-title .main-text {
		font-weight: bold;
		padding-bottom: 10px;
	}
	.page-title .sub-text {
		font-size: 1rem;
		position: relative;
		color: #1C49A2;
	}
	.page-title .sub-text div {
		padding-bottom: 5px;
	}
	.page-title .sub-text:before {
		display: none;
	}
	.page-title .sub-text:after {
		display: none;
	}
}
@media (max-width: 991px){
	.page-title .main-text {
		font-size: 1.2rem;
		padding-bottom: 5px;
	}
}
.page.content {
	line-height: 2;
}
.category-select {
	width: 100%;
	color: #fff;
	padding: 12px 10px 10px 10px;
	border-radius: 8px;
	text-align-last: center;
	background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") no-repeat right .75rem center/8px 10px;
	background-color: #1C49A2;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.tab-content table{
    width:100%
}
.tab-content tr:nth-child(even) {
    background-color: #EEEEEE;
}
.tab-content td{
    padding:5px 10px;
    border:2px solid #fff;
}

.row .column table p {
    margin-bottom: 0;
}