body { 	background-color: #fff; 	position: relative; 	overflow-x: hidden; }  .container { 	background-color: transparent; 	z-index: 2; 	padding: 0; 	position: relative; }  .container img { 	max-width: 100%; 	height: auto; }  #main { 	margin: 0; }  .bgInverse { 	background-color: #373a3c; }  #info { 	background-color: #fff; 	padding: 15px; 	box-sizing: border-box; }  #sidebar { 	background-color: #fff; 	padding: 15px; 	box-sizing: border-box; }  .background-link-img { 	background-size: cover; 	background-repeat: no-repeat; 	background-position: center; 	background-attachment: fixed; 	position: absolute; 	top: 0; 	left: 0; 	display: block; 	width: 100%; 	height: 100%; 	z-index: -1; }  .btn { 	border-radius: 0; 	border: none; 	outline: none; 	background-color: transparent; }  .btn.btn-primary { 	background-color: #0275d8; }  .btn.btn-info { 	background-color: #5bc0de; }  .modal-backdrop { 	display: none; }  .modal:after { 	content: ''; 	position: fixed; 	top: 0; 	right: 0; 	bottom: 0; 	left: 0; 	z-index: 1; 	background-color: #000; 	opacity: .7; }  .modal .modal-dialog { 	z-index: 3; }  .modal .modal-header { 	padding: 5px 35px 10px 35px; 	-webkit-box-sizing: border-box; 	box-sizing: border-box; }  .modal .modal-content { 	-webkit-border-radius: 0; 	border-radius: 0; }  .modal .close { 	font-size: 2.5rem; 	position: absolute; 	right: 10px; }  .form-control { 	-webkit-border-radius: 0; 	border-radius: 0; }  .swiper-wrapper { 	height: inherit !important; }  .header.header-23 ul { 	list-style: none; }  .header.header-23 { 	position: relative; 	height: 100px; 	margin-bottom: 30px; 	box-shadow: 0 5px 26px 0 rgba(0, 0, 0, 0.55); 	background-color: #35383b; 	padding: 20px 0; }  .header.header-23:after { 	position: absolute; 	content: ''; 	width: 0; 	height: 0; 	border-left: 100px solid transparent; 	border-right: 100px solid transparent; 	border-top: 35px solid #fff; 	bottom: -35px; 	left: 50%; 	margin-left: -100px; 	z-index: 10; }  .header.header-23 .logo { 	text-align: center; 	z-index: 20; 	top: -10px; }  .header.header-23 .logo a { 	display: block; }  .header.header-23 .logo a img { 	max-width: 100%; 	max-height: 100%; }  .header.header-23 .menu_right { 	padding: 20px 0; 	display: flex; 	justify-content: space-between; 	align-items: center; }  .header.header-23 .menu_left { 	padding: 20px 0 20px 30px; 	display: flex; 	justify-content: space-between; 	align-items: center; }  .header.header-23 .menu_li { 	float: left; 	width: 25%; }  .header.header-23 .menu_link { 	color: #fff; 	opacity: 1; 	text-decoration: none; }  .mob-btn { 	width: 29px; 	height: 18px; 	display: none; 	flex-direction: column; 	justify-content: space-between; 	cursor: pointer; 	position: relative; }  .mob-btn span { 	width: 100%; 	height: 2px; 	display: block; 	background: #fff; 	transition: all .4s ease; }  .mob-btn.active span:nth-child(1) { 	transform: rotate(45deg); 	position: absolute; }  .mob-btn.active span:nth-child(2) { 	display: none; }  .mob-btn.active span:nth-child(3) { 	transform: rotate(-45deg); }  null .footer { 	position: relative; 	background: #333; 	padding: 0px; }  .footer .back-to-top { 	position: fixed; 	bottom: 45px; 	right: 45px; 	width: 40px; 	height: 40px; 	border: 1px solid #666; 	background-color: #fff; 	color: #666 !important; 	transition: all .2s linear; 	z-index: 9999999; 	font-size: 14px; 	line-height: normal; 	text-align: center; 	padding: 7px 0; 	transform: translate3d(10%, 0, 0); }  .footer .back-to-top:hover { 	opacity: .8; 	cursor: pointer; }  .footer .back-to-top i.fa { 	color: #666; 	font-size: 24px; }  .footer .footer_logo { 	width: 100%; 	display: block; 	padding-bottom: 10px; 	text-align: left; 	padding-top: 10px; }  .footer .copyright { 	color: rgba(255, 255, 255, .75); 	padding: 12px 0 10px; 	text-align: left; }  .card .card-header { 	color: #fff; }  .swiper-container-slider-1 { 	padding-right: 0; 	padding-left: 0; }  .swiper-container-slider-1 .slider-content { 	margin-bottom: .75rem; }  .swiper-container-slider-1 .slider-content .swiper-slide { 	background-repeat: no-repeat; 	height: 23vw; 	min-height: 300px; 	display: -webkit-flex; 	display: -ms-flexbox; 	display: flex; 	-webkit-box-pack: center; 	-webkit-justify-content: center; 	-ms-flex-pack: center; 	justify-content: center; 	-webkit-box-align: center; 	-webkit-align-items: center; 	-ms-flex-align: center; 	align-items: center; }  .swiper-container-slider-1 .slider-content .swiper-slide .wrapp-img { 	display: none; 	width: 100%; 	height: 100%; 	background-size: cover; 	background-position: center; }  .swiper-container-slider-1 .slider-content .swiper-slide.swiper-slide-active .wrapp-img { 	display: block; }  .swiper-container-slider-1 .slider-content .swiper-button-next, .swiper-container-slider-1 .slider-content .swiper-button-prev { 	background-image: none; 	color: #fff; 	font-size: 100px; 	position: absolute; 	top: 50%; 	-webkit-transform: translateY(-50%); 	-ms-transform: translateY(-50%); 	transform: translateY(-50%); 	width: inherit; 	height: inherit; 	margin-top: inherit; 	z-index: 10; 	cursor: pointer; }  .slider-content .fa { 	position: relative; }  .slider-content .fa:before, .slider-content .fa:after { 	top: 50%; 	position: absolute; 	left: 0; 	transform: translate(-50%, -50%); }  .slider-content .swiper-button-prev .fa:before { 	left: 25px; }  .slider-content .swiper-button-next .fa:before { 	left: calc(50% - 25px); }  @media (min-width: 576px) { 	.modal-sm { 		max-width: 420px !important; 	} }  @media screen and (max-width: 991px) { 	.mob-btn { 		display: flex; 		 		z-index: 9999; 	} 	.mob-btn.active { 		margin-top: 10px; 	} 	.header.header-23 .menu_right { 		padding: 0!important; 		order: 3; 		position: absolute; 		width: 100%; 		max-width: 150px!important; 		display: none; 		height: auto; 		right: 0; 		top: 100%; 		background: #333; 		min-height: 125px; 	} 	.header.header-23 .menu_left { 		position: absolute; 		width: 100%; 		max-width: 150px!important; 		padding: 0!important; 		display: none; 		height: auto; 		right: 150px; 		top: 100%; 		background: #333; 		min-height: 125px; 		padding-left: 0; 		order: 2; 	} 	.header.header-23 .menu_li { 		width: auto; 		float: none; 	} 	.header.header-23 .menu_link { 		padding: 2px 5px!important; 		display: block; 	} 	.header.header-23 .logo { 		order: 1; 	} 	.header.header-23::after { 		border-left: 90px solid transparent; 		border-right: 90px solid transparent; 		border-top: 28px solid #fff; 		bottom: -28px; 		z-index: 1; 	} }  @media only screen and (max-width: 991px) { 	.list-group-item { 		padding: .75rem 0.5rem; 	} }  @media only screen and (max-width: 767px) { 	.list-group-item { 		padding: .75rem 1.25rem; 	} }  @media screen and (max-width: 480px) { 	.swiper-button-prev, 	.swiper-button-next { 		display: none !important; 	} 	.swiper-container-slider-1 .slider-content .swiper-slide { 		height: 200px; 	} }  @media screen and (max-width: 768px) { 	.swiper-container-slider-1 .slider-content .swiper-slide { 		width: 100% !important; 		height: 240px; 		min-height: unset; 	} }  @media screen and (max-width: 375px) { 	.swiper-container-slider-1 .slider-content .swiper-slide { 		height: 170px; 	} }  .header.header-23 .menu_link {   background: #f2c676;   color: #35383b;   padding: 7px 10px;   border-radius: 10px;   font-weight: bold;   box-shadow: 0 0 5px #222; }  .header.header-23 .menu_link:hover {   background: #ffdd8d;   color: #000; }  .card-header.bgInverse {   background: #6d70b0; }  .card .card-header {   text-transform: uppercase;   padding: 10px 15px; }  .card {   border: none;   box-shadow: 0 2px 5px #ccc;   border-radius: 10px; }  .card-header:first-child {     border-radius: 10px 10px 0 0; } .card > .list-group:last-child .list-group-item:last-child {     border-bottom-right-radius: 10px;     border-bottom-left-radius: 10px; }  .list-group-flush .list-group-item a {   text-decoration: none;   color: #35383b;   padding: 10px 15px;   width: 100%;   display: block; }  .list-group-flush .list-group-item {   padding: 0; }  .list-group-flush .list-group-item a:hover {   background: #e8ebff; }  .header.header-23 {   margin: 0; }  .header.header-23 .menu_li {   float: none;   width: auto; }  @media screen and (max-width: 1199px) {   .header.header-23 .menu_link {     font-size: 14px;     padding: 7px;   } }  @media screen and (max-width: 991px) {   .header.header-23 .logo a {     text-align: left;   }   .header.header-23 .logo {     top: 0;   }   .header.header-23 {     height: auto;     padding: 10px 0;   }   .header.header-23 .container {     display: flex;     justify-content: space-between;     position: relative;   }   .mob-btn {     margin-top: 15px;   }   .mob-btn.active {     margin-top: 20px;   }   .header.header-23 .menu_left {     top: 60px;     border-bottom-left-radius: 5px;   }   .header.header-23 .menu_right {     top: 60px;      border-bottom-right-radius: 5px;   }   .header.header-23 .menu_link {     margin: 5px;   }   .header.header-23 .logo a img {     height: 50px;   }   .header.header-23 .logo {     order: 0;   }   .container:after {     display: none;   }   #sidebar {     padding: 15px 0;   }   .card .card-header {     padding: 7px 10px;   }   .list-group-flush .list-group-item a {     padding: 7px 10px;     line-height: 20px;   }   .swiper-container-slider-1 .slider-content .swiper-button-next,    	.swiper-container-slider-1 .slider-content .swiper-button-prev {     	top: 40%;   } }  @media screen and (max-width: 767px) {   .mob-btn span {     width: 29px;   }   .header.header-23 .logo.col-xs-12 {     max-width: 150px;     flex: 0 0 150px;   }   .header.header-23 .logo {     text-align: left;     padding: 0;   }   #info {     order: 1;   }   #sidebar {     order: 0;   }   .list-group {     display: none;   }   .card-header.bgInverse {     cursor: pointer;   }   .footer .container img {     width: 160px;   } } @media screen and (max-width: 575px) {   .header.header-23 {     padding: 10px 15px;   }   #sidebar {     margin: 0 15px;   }   .footer .footer_logo {     text-align: center;   } }  @media screen and (max-width: 420px) {   .card {     text-align: center;   } }  @media screen and (max-width: 360px) {   .header.header-23 .menu_li {     width: 115px;   }   .header.header-23 .menu_left {     width: 115px;     right: 115px;   }   .header.header-23 .menu_right {     width: 115px;   }   .footer .back-to-top {     right: 20px;   } }