@import url("animate.css");
@import url("../plugin/bootstrap-5.1.2/css/bootstrap.css");
@import url("content.css");
@import url("style_forms.css");
@import url("collapse_sm_menu.css");

*, ::after, ::before {
  box-sizing: border-box;
}
html {
	background-color:#FFF;
	background-image:url(../image/bg_html.png);
	background-repeat:no-repeat;
	background-position:50% 0;
	background-size:cover;
	background-attachment:fixed;
}
body {
	background:none;
	overflow-y:scroll;
	margin: 0;
}
h1,h2,h3,h4,h5,h6, .txt-header {
}
.txt-body {
}
h1 {
	background:url(../image/h1_bg.png) no-repeat;
	background-position:0 bottom;
	padding-bottom: 20px;
}
h1 {
	font-size: 36px;
  font-size: 3vw;
  font-size: max(36px, 3vw);
}
h2 {
	font-size: 30px;
  font-size: 2.5vw;
  font-size: max(30px, 2.5vw);
}
h3 {
	font-size: 26px;
  font-size: 2vw;
  font-size: max(26px, 2vw);
}
h4 {
	font-size: 22px;
  font-size: 1.5vw;
  font-size: max(22px, 1.5vw);
}
h5 {
	font-size: 18px;
  font-size: 1vw;
  font-size: max(18px, 1vw);
}
h6 {
	font-size: 14px;
  font-size: 0.7vw;
  font-size: max(14px, 0.7vw);
}
#topic_page,
.topic_page {
  text-align: center;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  padding-top: 20px;
}

p {
	/*text-align:justify;*/
  overflow-wrap: anywhere;
}

a {
	color: #0091C9;
  text-decoration: none;
}
a, a * {
	-o-transition:color .4s ease-out, background 0.3s ease-in, border 0.3s ease-in;
	-ms-transition:color .4s ease-out, background 0.3s ease-in, border 0.3s ease-in;
	-moz-transition:color .4s ease-out, background 0.3s ease-in, border 0.3s ease-in;
	-webkit-transition:color .4s ease-out, background 0.3s ease-in, border 0.3s ease-in;
}
:focus {
	outline:none !important;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

hr {
  opacity: 1;
}

a.img_link {
	overflow:hidden;
	display:inline-block;
  margin: -10% !important;
  padding: 10%;
  width: 120% !important;
}
a.img_link img {	
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
a.img_link:hover img {
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
}

.column {
	opacity:0;
}
.animated.column {
	opacity:1;
}
.mcBlock {
	padding-left:calc(var(--bs-gutter-x) * .5) !important;
	padding-right:calc(var(--bs-gutter-x) * .5) !important;
}
.mcBlock > div {
	padding-left:0 !important;
	padding-right:0 !important;
}

.anchor-link {
	position: relative;
}

.clear, .clearfix {
	clear:both;
}
.clear5 {
	clear:both;
	height:5px;
}
.clear10 {
	clear:both;
	height:10px;
}
.clear20 {
	clear:both;
	height:20px;
}

.color-box {
	padding:12px;
	margin:20px 0 0 0;
}
.color-box h2 {
	margin:0;
	padding:0 0 12px 0;
	color:#FFF;
	text-align:center;
}
.color-box-inner {
	background:#FFF;
	padding:10px;
}
.bg-red {
	background:#E51B24;
}
.bg-blue {
	background:#0091C9;
}
.bg-green {
	background:#8CD600;
}
.bg-yellow {
	background:#F7E214;
}
.bg-white {
    background: #FFF;
}

table th {
	padding:5px 10px;
	text-align:center;
}
table td.txt {
	padding:2px 10px;
}
table .img-responsive{
	width:100%;
}

.container {
}

#wrapper_main {
	position:relative;
	overflow:hidden;
	-o-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;
}
#wrapper_main.loading {
	/*opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');
	-webkit-filter: url(#blur-filter);
	filter: url(#blur-filter);
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);*/
}

#site_header {
	position: relative;
	width: 100%;
  top: 0;
  left: 0;
	z-index:1000;
	/*-webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.375);
	box-shadow: 0 5px 7px rgba(0, 0, 0, 0.375);*/
}
/*#site_header > div {
  -webkit-box-shadow: 0 8px 6px -6px rgb(0 0 0 / 40%);
  -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,.4);
  box-shadow: 0 8px 6px -6px rgb(0 0 0 / 40%);
}
.modal-open #site_header {
	padding-right:17px;
}*/
#site_header .container {
	background:none;
}
#site_header div {
  -webkit-transition: background 800ms ease-in;
  -moz-transition: background 800ms ease-in;
  -ms-transition: background 800ms ease-in;
  -o-transition: background 800ms ease-in;
  transition: background 800ms ease-in;
}
/*for TYPE FIXED*/
#site_header.scrolled {
}
/*for TYPE ANIMATED*/
#site_header.scrolled {
  border: none;
  margin: auto;
  -webkit-transition: top 300ms ease-out;
  -moz-transition: top 300ms ease-out;
  -ms-transition: top 300ms ease-out;
  -o-transition: top 300ms ease-out;
  transition: top 500ms ease-out;
  -webkit-box-shadow: 0 8px 6px -6px rgb(0 0 0 / 40%);
  -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,.4);
  box-shadow: 0 8px 6px -6px rgb(0 0 0 / 40%);
}
#site_header_top {
	background:#2a2a2a;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}
#site_header_top a {
	color:#CBCBCB;
}
#site_header_top a:hover {
	color:#FFF;
}
#header_name {
	padding:0;
	margin:5px 0 0 0;
	text-align:right;
	font-size:34px;
	line-height:40px;
}
#nav_long {
	clear:both;
	margin:5px 0 5px 0;
	padding:0;
}
#navigationmain {
  opacity: 0;
}

.navbar-header {
}
.navbar-brand {
	display: block;
	padding:10px 0;
	height:auto;
}
.nav-menus-wrapper {
	padding-top: 5px;
}

/* CART */
#block_cart {
  position: fixed; 
  top: 120px;
  right: -165px;
  width: 250px;
  background: rgba(255,255,255,0.99);
	text-align: right;
	-webkit-box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.375);
	box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.375);
	-moz-border-radius:50px 0 0 50px;
	-webkit-border-radius:50px 0 0 50px;
	border-radius:50px 0 0 50px;
  -webkit-transition: all 0.1s linear !important;
  -moz-transition: all 0.1s linear !important;
  -o-transition: all 0.1s linear !important;
  -ms-transition: all 0.1s linear !important;
  transition: all 0.1s linear !important;
  z-index: 100;
}
#block_cart > a > div {
  padding: 2px 15px;
}
#block_cart_btn {
  position: relative;
  background-image: url(../image/cart_bg.png);
  background-repeat: no-repeat;
  background-position: 10px 6px;
  width: 80px;
  height: 72px;
  margin: 0 -12px;
  -o-transition: all .4s ease-out;
  -ms-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -webkit-transition: all .4s ease-out;
}
#cart_no_of_items {
  position: absolute;
  top: 5px;
  left: 15px;
  display: inline-block;
  width: 39px;
  text-align: center;
  line-height: 36px;
  color: rgba(255,255,255,1.00);
}
#block_cart_details {
  position: absolute;
  left: 90px;
  top: 0;
  width: 160px;
  padding: 17px 20px 0 0;
  font-size: 14px;
}
#block_cart:hover {
  right: 0;
}


#site_content {
	min-height:400px;
	/*max-width: 1500px;
	max-width: 90%;*/
	overflow: hidden;
	margin: auto;
	margin-bottom:0px;
}

.breadcrumb {
	background:none;
	color:#111;
	font-size:15px;
	padding:0;
	margin: -15px 0 10px 0;
}
.breadcrumb a {
	padding-right:5px;
	color:#111;
	text-decoration:none;
}
.breadcrumb a:hover {
	color:#333;
}
.breadcrumb span.bcsep {
	display:inline-block;
	color:#AFAFAF;
	padding:0 5px;
}

.inner_links {
	border-bottom:#000000 solid 1px;
	margin-bottom:20px;
}
.inner_links a {
	position:relative;
	color:#000000;
	padding:5px 0 5px 0;
	margin-right:15px;
	display:inline-block;
}
.inner_links a.active {
	background:#000000;
	color:#FFFFFF;
	padding:5px 12px;
}
.inner_links a.active:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left:-10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #000;
	clear: both;
}


#main_slider {
	position:relative;
}
#main_slider .main_slider_inner {
	width:100%;
	position:relative;
}

#footer_top {
	background:#0091C9;
	height:30px;
}

#site_footer {
  position: relative;
	background:#2a2a2a;
  z-index: 999;
}
#site_footer .container {
	background:none;
}
footer {
	padding:30px 0;
	color:#E9E9E9;
}
footer a {
	display: inline-block;
	color:#E9E9E9;
}
footer a:hover,
footer a:focus {
	color:#FFF;
	text-decoration:underline;
	outline:none;
}
footer hr {
	border-color:#a3d900;
}

.footer_menu {
	display: block;
	list-style:none;
	margin:0;
	padding:0;
}
.footer_menu li {
	display:inline-block;
	padding:0;
	margin-left:-1px;
}
.footer_menu li a {
	padding:2px 10px;
	line-height:1em;
}
.footer_menu li.sep {
	display:inline-block;
	padding:0;
	border-left:#FFF solid 1px;
	margin-left:10px;
	margin-right:10px;
}
.footer_menu li.sep a {
	padding:0;
	margin-left:-1px;
}
.footer_menu li.sep a hr {
	display:none;
}
.footer_menu li:first-child a {
  margin-left: -10px !important;
}
.footer_menu li:last-child a {
  margin-right: -10px !important;
}

.footer_menu_1 {
	display: block;
	list-style:none;
	margin:5px 0;
	padding:0;
}
.footer_menu_1 li {
	display:block;
	background:url(../image/footer_li_arrow.png) 0 50% no-repeat;
	padding:4px 0 4px 0;
	margin-left:-1px;
	border-bottom:#7C7C7C solid 1px;
}
.footer_menu_1 li a {
	padding:2px 15px;
	line-height:1em;
}
.footer_menu_1 li.sep {
	background:none;
}
.footer_menu_1 li.sep hr {
	margin-top: 7px;
  margin-bottom: 7px;
}

.footer_menu_inner {
	display: inline-block;
	list-style:none;
	margin:0;
	padding:0;
}
.footer_menu_inner li {
	display:inline-block;
	padding:0;
	margin-left:-1px;
}
.footer_menu_inner li a {
	position:relative;
	display:block;
	padding:10px 10px 5px 40px;
	line-height:1em;
	background:#FFFFFF;
	border:#BDBDBD solid 1px;
	margin:1px 20px 25px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}
.footer_menu_inner li a i {
	position:absolute;
	font-size:30px;
	width:50px;
	height:50px;
	top:-10px;
	left:-15px;
	line-height:50px;
	text-align:center;
	color:#B8B8B8;
	background:#FFFFFF;
	border:#BDBDBD solid 1px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}

.top_nav {
	display: inline-block;
	list-style:none;
	margin:5px 0;
	padding:0;
  line-height: 1.8em;
}
#navigationsocial .top_nav {
  margin:3px 0;
}
.top_nav li {
	display:inline-block;
	padding:0 8px;
	margin-left:-1px;
}
#navigationsocial .top_nav li {
	padding:0 4px;
}
.top_nav li:first-child {
	padding-left:0;
}
.top_nav li:last-child {
	padding-right:0;
}
.top_nav li a {
	padding:2px 2px;
	line-height:1em;
}
#navigationsocial .top_nav li > a > i{
  width: 2em;
  height: 2em;
  line-height: 1.7em;
  padding: 1px;
}
.top_nav_right {
	text-align:right;
}

/*Bootstrap Pagination*/
.pagination {
	margin:0;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}
.pagination li a {
	padding: 3px 12px;
	font-size:11px;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	color:#0091C9;
}
.pagination > .active > a,
.pagination > .active > a:hover {
	background:#0091C9;
	border:#0091C9 solid 1px;
}
/*Text Pagination*/
.paginationControl {
	margin:0;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	text-align:center;
}
.paginationControl span {
	padding: 3px 12px;
	font-size:13px;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
}
.paginationControl > a {
	display:inline-block;
	padding: 3px 12px;
}
.paginationControl > a > span {
	color:#3399CC;
	font-weight:normal;
}


/*Calender*/
#cal_box_outer {
	background:#0091C9;
}
#cal_box {
	padding:4px 3px 4px 4px;
	margin:0 -1%;
}

#cal_nav {
	text-align:center; 
	margin:auto 1%;
	padding:5px 0;
	color:#FFF;
}
.cal_nav_btn {
	display:inline-block;
	width:20px;
	height:20px;
	margin:2px;
	cursor:pointer;
	cursor:hand;
}
.cal_nav_prev {
	float:left;
	background:url(../image/cal/back_arrow_btns.png) 0 0 no-repeat;
}
.cal_nav_next {
	float:right;
	background:url(../image/cal/back_arrow_btns.png) -20px 0 no-repeat;
}
a:hover .cal_nav_prev {
	background-position:0 -20px;
}
a:hover .cal_nav_next {
	background-position:-20px -20px;	
}

#cal {
	text-align:center;
	margin:auto;
	padding:0;
	font-size:12px;
	width:100%;
}
#cal_header {
	width:100%;
}
.cal_pad {
	line-height:30px;
	float:left;
	width:1%;
	height:200px;
	padding:0;
}
.cal_item {
	line-height:30px;
	float:left;
	width:14%;
	height:30px;
	font-size:13px;
	padding:0;
	-o-transition:color .4s ease-out, background 1s ease-in;
	-ms-transition:color .4s ease-out, background 1s ease-in;
	-moz-transition:color .4s ease-out, background 1s ease-in;
	-webkit-transition:color .4s ease-out, background 1s ease-in;
}
#cal_header .cal_item {
	background:url(../image/cal/back_cal_day.png);
	border:#E6E6E6 solid 1px;
	color:#666;
	height:30px;
}
#cal_items .cal_item {
	border:#E6E6E6 solid 1px;
	text-align:center;
}
#cal_items a .cal_item {
	color:#FFF;
	background:url(../image/cal/back_cal_day_a.png);
}
#cal_items a:hover .cal_item {
	color:#555;
}
#cal_items a .today,
#cal_items .today {
	font-weight:bold;
}
#cal_items .pastday {
	background:url(../image/cal/back_cal_day_past.png);
}
#cal_items a .pastday {
	background:url(../image/cal/back_cal_day_a_past.png);
}
#cal_items a .selected_date, 
#cal_items a .selected_date.today, 
#cal_items a .selected_date.pastday {
	/*color:#FFF;
	background:#E51B24;*/
}
.cal_date {
	text-align:center;
	font-size:15px;
	line-height:25px;
	margin-top:2px;
}
.disabled_date {
	color:#F8F8F8;
	background:url(../image/cal/back_cal_day.png);
}
.thismonth {
	color:#666;
	background:url(../image/cal/back_cal_day.png);
}
.thisweek {
	color:#333;
	background:#FFF;
	min-height:200px;
	border:#DDD solid 1px;
}

/* Preloader */
.wait_msg {
	display:block;
	z-index:3000;
}
.wait_msg .wait_msg_img {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../image/wait.png) 50% 30% no-repeat;
	z-index:3002;
}
.wait_msg .wait_msg_background {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0;
	filter:alpha(opacity = 0);
	z-index:3001;
}
.modal-ready .wait_msg .wait_msg_background {
  display: none !important;
}
/* Block Preloader */
.wait_msg_block {
	display:none;
	z-index:1500;
}
.wait_msg_block .wait_msg_img_block {
	position:absolute;
	margin:0;
	background:url(../image/wait.png) 50% 55% no-repeat;
	z-index:1502;
}
.wait_msg_block .wait_msg_background_block {
	position:absolute;
	margin:0;
	background:#FFF;
	opacity:0.5;
	filter:alpha(opacity = 50);
	z-index:1501;
}

/* MODAL */
.modal-open .modal {
	overflow-y:scroll;
}
#currentModal {
	padding:0px 55px !important;
}
#currentModal .modal-dialog {
	position: relative;
	padding:1px;
	z-index:102;
	margin: 0px auto;
  max-width: 1500px;
  color: #111;
}
.modal-header {
	padding:0;
}
.modal-title {
	background:none;
	font-size: 16px;
	text-align:center;
	line-height: 20px;
	color: #FFFFFF;
	padding: 5px 10px;
	z-index:103;
}
.modal-description {
	background:none;
	font-size:13px;
	text-align:center;
	line-height:17px;
	color:#FFF;
	padding:1px 10px 10px 10px;
}
#currentModal .modal-dialog .modal-content {
	background:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}

#currentModalButtons {
	position:fixed;
	width:100%;
	height:100%;
  left: 0;
	z-index:100;
}
#currentModal #currentModalButtons .close {
	position: absolute;
	top: 0;
	right: 0px;
	width:50px;
	height:51px;
	line-height: 50px;
	background:rgba(255,255,255,0.65);
	margin:2px;
	padding:0px;
	border: 0;
	background-image:url(../image/popup/pack_00/close.png);
	background-position:left top;
	background-repeat:no-repeat;
	-moz-border-radius:50px 0px 50px 50px;
	-webkit-border-radius:50px 0px 50px 50px;
	border-radius:50px 0px 50px 50px;
	opacity:1;
	filter:alpha(opacity = 100);
	cursor: pointer;
	cursor: hand;
	appearance: none;
	z-index:101;
}
#currentModal #currentModalButtons .close:hover {
	opacity:1;
	filter:alpha(opacity = 100);
	background-position:left bottom;
}
.prevModal,
.nextModal {
	position:absolute;
	top:50%;
	width:50px;
	height:50px;
	margin-top:-25px;
	background:rgba(255,255,255,0.65);
	text-indent:100px;
	overflow:hidden;
	cursor:pointer;
	cursor:hand;
}
.prevModal {
	left:0px;
	background-image:url(../image/popup/pack_00/arrow_large_left.png);
	background-position:left top;
	background-repeat:no-repeat;
	-moz-border-radius:0px 50px 50px 0px;
	-webkit-border-radius:0px 50px 50px 0px;
	border-radius:0px 50px 50px 0px;
}
.nextModal {
	right:0px;
	background-image:url(../image/popup/pack_00/arrow_large_right.png);
	background-position:left top;
	background-repeat:no-repeat;
	-moz-border-radius:50px 0px 0px 50px;
	-webkit-border-radius:50px 0px 0px 50px;
	border-radius:50px 0px 0px 50px;
}
.close:hover, 
.prevModal:hover,
.nextModal:hover {
	background-position:left bottom;
}
.otherControls {
  position: fixed;
  bottom: 0;
  left: 10px;
}

#top_link {
	display:block;
	position:fixed;
	width:44px;
	height:44px;
	padding:0;
	margin:0;
	right:10px;
	bottom:-100px;
	z-index:1000;
	-o-transition:bottom 0.3s ease-in-out;
	-ms-transition:bottom 0.3s ease-in-out;
	-moz-transition:bottom 0.3s ease-in-out;
	-webkit-transition:bottom 0.3s ease-in-out;
}
#top_link i {
	width:44px;
	height:44px;
	padding:0;
	margin:0;
	cursor:pointer;
	cursor:hand;
	-moz-border-radius:22px;
	-webkit-border-radius:22px;
	border-radius:22px;
	font-size:30px;
	line-height:45px;
	text-align:center;
	/*background:#CCC;*/
}
#top_link i:hover {
	color:#FF4B4B;
}
.modal-open #top_link {
	right:27px;
}
#top_link.open {
	bottom:10px;
}

.secondary-menu {
	list-style:none;
	margin:5px 0 0 0;
	padding:0 !important;
}
.secondary-menu li {
	margin-bottom:7px;
}
.secondary-menu li a {
	display:block;
}

/* FORUM */
/*#ft_reply_btn {
	margin-top:8px;
}
.forum_item {
	margin:20px 0 10px 50px;
}
.forum_shift {
	margin-left:50px;
}
.forum_user_img {
	float:left; 
	margin-left:-50px; 
	margin-top:3px;
	width:40px;
	height:40px;
}
.forum_user_name {
	font-weight:bold;
}
.forum_comment_body {
	padding:15px; 
	margin:10px 0;
}
.forum_post_time {
	position:absolute;
	margin-top:20px;
	font-size:0.7em;
}
.fc_reply {
	padding-top:40px;
}

#forum_my_stuff .nav-tabs li {
	width:50%;
	text-align:center;
}
#forum_my_stuff .nav-tabs li a {
	border-radius: 0;
	margin:0;
	padding:10px;
	font-size:16px;
}
#forum_my_stuff .nav-tabs li a {
	background:#999;
	border:#999 solid 1px;
	color:#FFF;
}
#forum_my_stuff .nav-tabs li a:hover {
	background:#CCC;
	border:#CCC solid 1px;
	color:#333;
}
#forum_my_stuff .nav-tabs li.active a {
	background:#313131;
	border:#313131 solid 1px;
	color:#FFF;
}

#forum_my_stuff .tab-content {
	padding:15px;
}
#forum_my_stuff .tab-content ul,
ul.forum_list {
	margin:0;
	padding:0;
	list-style:none;
}
#forum_my_stuff .tab-content ul li,
ul.forum_list li {
	padding-left:30px;
	margin:10px 0;
	background:url(../image/forum/list_icon.png) 0 0 no-repeat;
}*/

/* TETSTIMONIALS */
.testi_item {
	
}
.testi_item_inner {
	margin:0;
}
.testi_user_img {
	float:left; 
	margin:3px 15px 0 0; 
	margin-top:3px;
	width:40px;
	height:40px;
}
.testi_user_name {
	font-weight:bold;
	padding:15px 0;
	color:#E51B24;
}
.testi_tell {
	background:none;
	padding:15px;
  border: #000 solid 2px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/* SYSTEM MESSAGES */
#system_message {
	display:none;
	position:fixed;
	top:20%;
	width:100%;
	z-index:20000;
}
#system_message .system_message_box {
	max-width:400px;
	margin:auto;
}
#system_message_text {
	padding:15px;
	background:#000;
	color:#FFF;
	text-align:center;
	border:#FFF solid 3px;  
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	-webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.375);
	box-shadow: 0 5px 7px rgba(0, 0, 0, 0.375);
}

.social_share i {
	display:block;
	text-align:center;
	width:1em;
}
.social_share .btn_default {
  padding: 6px 10px !important;
}

.lbi {
	position:relative;
	margin:0 0 20px 0;
}
.lbi .lbi_top {
}
.lbi .lbi_content {
	padding:12px 20px 50px;
}
.lbi .lbi_bottom {
	position:absolute;
	width:100%;
	padding:0 20px 8px;
	bottom:0;
}
.lbi img {
	margin:0;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
}
.lbi h2 {
	margin:3px 0 10px 0;
}
.lbi h3 {
	margin:3px 0 7px 0;
}
.lbi_text {
	margin-bottom:5px;
}
.lbi.lbi-nb {
  border: none;
}
.lbi.lbi-nb .lbi_content {
  padding-left: 0;
  padding-right: 0;
}

.col-item {
	margin-bottom:25px;
}
.col-item > div {
	border: #FFFFFF solid 1px;
	background: #F8F8F8;
	text-shadow: none;
	height: 100%;
	margin:0 auto;
}


#search_default_outer {
	background:nine;
	margin: 0;
	padding: 10px 0;
}
#search_default .search_field_wrap {
	position:relative;
}
#search_default .form_textfield_home,
#search_default .form_select_home {
	display:block;
	font-size:1.0em;
	text-decoration:none;
	width:100%;/*calc(100% - 60px);*/
	padding:8px 70px 8px 10px;
	margin:0;
	color:#000;
  background: none;
	border:none;
	outline:none;
}
#search_default .search_btn {
	position:absolute;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:40px;
	top:0;
	right:0;
	padding: 10px 10px 6px;
	border:none;
}
#search_default .search_btn:hover {
}
#search_default .search_clear {
	position:absolute;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:30px;
	top:0;
	right:40px;
  padding: 13px 8px 9px;
	background:transparent;
	border:none;
	color:#8BA42F;
	font-weight:100;
	display:none;
	opacity:50%;
	font-size:13px;
}
#search_default .search_clear:hover {
	opacity:100%;
	color:#8BA42F;
}
#search_default .search_field_wrap:hover .search_clear {
	display:inline-block;
}



span.txt-read-more-text {
	display:none;
}


.fill {
  width: 100%;
  background-position: center;
  background-size: cover;
}

.customGalleryBlock {
	margin:0 -3px;
}
.portfolio-item {
	margin: 0;
	padding: 3px;
	overflow:hidden;
}
.portfolio-item .mask {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(26,26,26,0.37) !important;
	background:url(../image/popup/pack_00/zoom.png) 50% 50% no-repeat;
	text-align:center;
	color:#000;
	font-weight:bold;
}
.portfolio-item.portfolio-video .mask {
	background:url(../image/popup/pack_00/zoom-video.png) 50% 50% no-repeat;
}

.gallery_img_item {
	display: block;
}
.gallery_img_item .gal_title {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:14px;
	line-height:20px;
	color:#FFF;
	padding:5px 10px;
}
.gallery_img_item .gal_description {
	font-size:12px;
	line-height:17px;
	background:#333;
	color:#FFF;
	padding:9px 10px;
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}
.modal-body {
	padding:10px 0 10px 0;
	margin:0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	opacity: 0.001;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
.modal-body.model_close {
}
.modal-body.model_open {
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
	opacity: 1;
}
.modal-body .bg-white {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.modal-body .img_block {
	position:relative;
	min-height:100px;
	background:none;
	text-align:center;
	margin: 10px 0;
}
.modal-body .img_block img {
	margin:auto;
  /*image-rendering: pixelated;*/
  max-width: 100%;
}
.modal-body .img_block .vid-outer {
	margin: auto;
	max-width: 100%;
}
.modal-body .fi_img_item_link {
	position: absolute;
	bottom:5px;
	left: 50%;
	transform: translate(-50%, 0);
}
.modal-content {
	background-color: transparent;
	border:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.modal-backdrop.show {
	filter: alpha(opacity=100);
	opacity: 1;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color:#000;
}

fieldset {
	border:#0F75BC solid 2px;
	padding:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
fieldset legend {
	color:#0F75BC;
	border:none;
	width:100%;
	margin:auto;
	padding:0 15px;
	font-size: 24px;
	font-weight: bold;
  text-align: center;
	text-transform: uppercase;
}

.login-form-wrapper {
	max-width: 500px;
}



.gallery_img_block {
	clear:both;
	margin:10px 0 20px 0;
	text-align:center;
}
.gallery_img_block a.gallery_img_item {
	display:inline-block;
	margin:5px;
	 -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}
.gallery_img_block a.gallery_img_item img {
	border:#CCC solid 10px;
	-o-transition:color .4s ease-out, background 0.3s ease-in, border 0.3s ease-in;
	-ms-transition:color .4s ease-out, background 0.3s ease-in, border 0.3s ease-in;
	-moz-transition:color .4s ease-out, background 0.3s ease-in, border 0.3s ease-in;
	-webkit-transition:color .4s ease-out, background 0.3s ease-in, border 0.3s ease-in;
}
.gallery_img_block a.gallery_img_item:hover img {
	border:#0091C9 solid 10px;
}

.rotate {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}

.pd_item {
	position:relative;
  margin: 5px 6px;
	border: 1px solid #e3e2e2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.pd_item > div.imageh {
	position:relative;
}
.pd_item > div.details {
  position: relative;
	bottom:0;
	width:100%;
	padding:0;
	color:#000;
  background: #FFF;
  z-index: 101;
}
.pd_item > div.details .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
	padding:5px 10px 2px;
  color: #000;
}
.pd_item > div.details .price {
  padding:0px 10px 5px;
  text-align: center;
  color: #515151;
}
.pd_item > div.details .buttons {  
  text-align: center;
  padding-left: 10px;
}
.pd_item .mask {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.83);	
  transform: scale(0);
  transition: .3s ease;
}
.pd_item .mask .title {
	color:rgba(255,255,255,1.00);
	font-size:1.1em;
}
.pd_item .mask a {
	margin:4px 0;
}
.pd_item .mask > div {
	position:absolute;
	bottom:50px;
	width:100%;
	text-align:center;
}
.pd_item .mask p {
	text-align:center;
	background:none;
}
.pd_item .mask.active {
	transform: scale(1);
}

.db_item {
	position:relative;
	text-align:center;
	margin-bottom:40px;
}
.db_item a {
	display:inline-block;
}
.db_item a .title {
	position: absolute;
	width: 100%;
	left: 50%;
	margin-left: -50%;
}
.db_item a img {
	border:rgba(0,0,0,0.10) solid 2px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:5px;
	margin-bottom:5px;
	-o-transition:color .4s ease-out, background 0.3s ease-in, border 0.3s ease-in;
	-ms-transition:color .4s ease-out, background 0.3s ease-in, border 0.3s ease-in;
	-moz-transition:color .4s ease-out, background 0.3s ease-in, border 0.3s ease-in;
	-webkit-transition:color .4s ease-out, background 0.3s ease-in, border 0.3s ease-in;
}
.db_item a:hover img {
	background:#C00000;
}

.fillWH {
  object-fit: contain;
}

.popoverBtn {
  padding: 0 0 0 10px;
}

.block_container500 {
  max-width: 500px;
  margin: auto;
}
.block_container600 {
  max-width: 600px;
  margin: auto;
}
.block_container700 {
  max-width: 700px;
  margin: auto;
}
.block_container800 {
  max-width: 800px;
  margin: auto;
}
.block_container900 {
  max-width: 900px;
  margin: auto;
}
.block_container1000 {
  max-width: 1000px;
  margin: auto;
}
.block_container1100 {
  max-width: 1100px;
  margin: auto;
}
.block_container1200 {
  max-width: 1200px;
  margin: auto;
}
.block_container1300 {
  max-width: 1300px;
  margin: auto;
}
.block_container1400 {
  max-width: 1400px;
  margin: auto;
}
.block_containerLEFT {
  margin-left: calc(var(--bs-gutter-x) * -.5) !important;
}
.block_containerRIGHT {
  margin-right: calc(var(--bs-gutter-x) * -.5) !important;
}

.grid-container.container {
  padding: 0;
}

.txt-counter-text {
  opacity: 0;
}

/* PAGE TOPIC - START */
#topic_page_img_xs {
  display: none;
}
#topic_page_img {
  position: relative; 
  margin-bottom: 30px;
  min-height: max(40vh, 400px);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.topic_page_wrapper {
  position: absolute;
  width: 100%;
  bottom: 20px;
}
#topic_page span,
.topic_page span {
  display: inline-block;
  color: #FFF;
  background: rgba(204,0,0,0.90);
  line-height: 1.3em;
  padding: 10px 20px 10px;
}

.container .container {
  width: 100% !important;
  padding: 0 !important;
}

@media (max-width: 767px) {
  #topic_page_img_xs {
    display: block;
  }
  #topic_page_img_xs #topic_page,
  #topic_page_img_xs .topic_page {
    margin-top: 50px !important;
  }
  .topic_page_wrapper {
    display: none;
  }
}
/* PAGE TOPIC - END */


@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1300px) {
}
@media (min-width: 1400px) {
  .container {
    width: 98%;
    max-width: 1200px;
  }
  #site_header .container {
    width: 98%;
  }
}
/*@media (min-width: 1530px) {
	html {
		background-image:url(../image/bg_html.jpg);
	}
	#site_header .container,
  .container {
		width: 1530px;
	}
}*/

@media (min-width: 992px) and (max-width: 1199px) {
	#site_header .container {
		width:98%;
	}
	#site_header .nav {
		font-size:15px;
	}
	#site_header .nav > li > a {
		padding-left:11px;
		padding-right:11px;
	}
	#site_breadcrumb {
		font-size:13px;
	}
	.cal_item {
		line-height:25px;
		height:25px;
	}
	.cal_date {
		font-size:13px;
		line-height:20px;
	}
	.cal_pad {
		height:180px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#site_header .nav {
		font-size:16px;
	}
	#site_header .nav > li > a {
		padding-left:8px;
		padding-right:8px;
	}	
}

@media (max-width: 1399px) {
}
@media (max-width: 991px) {
  .container {
    width: 98% !important;
    max-width: 98%;
  }
	.navbar-toggle {
		border-color: #999;
		margin-right:0;
		margin-top:15px;
	}
	.navbar-toggle:hover,
	.navbar-toggle:focus {
		background-color: #CCC;
	}
	.navbar-toggle .icon-bar {
		background-color: #333;
	}
	#nav_long {
		margin:0;
	}
}
@media (max-width: 767px) {	
	html {
		background-size:auto 120%;
		background-attachment:fixed;
		min-height:100%;
	}
  .container {
    max-width: 100% !important;
  }
	
	#site_header {
		position:relative;
	}
	
	.top_nav_right {
		text-align:left;
	}
  
  #topic_page_img {
    margin-bottom: 0px;
    min-height: max(20vh, 250px);
  }
  
  #currentModal {
    padding: 0px 10px 0 !important;
  }
  #currentModal .modal-title {
    padding: 20px 10px 5px;
  }
  #currentModal .modal-body {
    padding: 60px 10px 10px;
  }
  #currentModalButtons {
    width: 100%;
    height: 50px;
    z-index: 1000;
  }
  #currentModal #currentModalButtons .close {
    right: 50%;
    margin-right: -25px;
    -moz-border-radius: 0px 0px 50px 50px;
    -webkit-border-radius: 0px 0px 50px 50px;
    border-radius: 0px 0px 50px 50px;
  }
  
}
@media (max-width: 400px) {
}
@media (max-width: 450px) {
}

#m_lang {
}
#m_lang a img {
  position: relative;
  float: left;
  top: 0px;
  height: 1em;
  width: auto;
}
#m_lang .nav-dropdown a img {
  top: 3px;
}


/*::-webkit-scrollbar {
  position: relative;
  width: 10px;
} 
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.85);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
} 
::-webkit-scrollbar-thumb {
  background-color: rgba(192, 0, 0, 0.8);
  outline: none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(192, 0, 0, 1);
	-webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.175);
	box-shadow: 0 5px 7px rgba(0, 0, 0, 0.175);
}*/