/*
Saban WEB
*/
.cpr img {
  display: block;
  width: 35px;
  border-radius: 2px;
  margin: 0 auto;
}

.cpr p {
  text-align: center;
  margin: 10px auto;
  font-size: var(--f14);
  color: var(--gray);
}

.lightBackground {
  background-color: var(--light);
  border-radius: 5px;
  padding: 20px;
}

header {
  border-top: 2px solid var(--main);
}

.mainNavigation {
  border-top: 1px solid var(--main);
}

.logo img {
  display: block;
  margin: 0 auto;
  vertical-align: middle;
  max-width: 100%;
  width: 170px;
  float: right;
}

.mainNavigation>ul {
  display: block;
  margin: 10px 0;
  padding: 0;
}

.mainNavigation>ul>li {
  display: inline-block;
}

.mainNavigation>ul>li>a {
  display: block;
  margin: 2px 10px 0;
  color: #333;
  font-size: var(--f16);
}

.swiper-backface-hidden {
  overflow: hidden;
}

.homeSlider img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.homeSlider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--main);
}

.homeSlider .swiper-button-next,
.homeSlider .swiper-button-prev {
  color: var(--main);
}

.headerTools .phone a {
  display: block;
  text-align: left;
  direction: ltr;
  font-size: var(--f18);
  font-weight: bold;
  color: var(--main);
}

.headerTools .phone a i {
  display: inline-block;
  transform: rotate(-25deg);
}

.headerTools .search input {
  padding: 6px;
  border: 1px solid #DDD;
  font-size: var(--f14);
  border-radius: 5px;
  width: 100%;
}

.headerTools {
  display: flex;
  align-items: center;
}

.headerTools .search form {
  width: 70%;
  display: flex;
}

.headerTools .search button {
  display: inline-block;
  position: relative;
  left: 23px;
  top: 1px;
  color: #999;
}

.pageTitlte {
  text-align: center;
  padding: 70px 0;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1140' height='250' preserveAspectRatio='none' viewBox='0 0 1140 250'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1053%26quot%3b)' fill='none'%3e%3crect width='1140' height='250' x='0' y='0' fill='rgba(243%2c 90%2c 10%2c 1)'%3e%3c/rect%3e%3cpath d='M29 250L279 0L423 0L173 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1054%26quot%3b)'%3e%3c/path%3e%3cpath d='M194.10000000000002 250L444.1 0L682.6 0L432.6 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1054%26quot%3b)'%3e%3c/path%3e%3cpath d='M379.20000000000005 250L629.2 0L743.2 0L493.20000000000005 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1054%26quot%3b)'%3e%3c/path%3e%3cpath d='M574.3000000000001 250L824.3000000000001 0L905.3000000000001 0L655.3000000000001 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1054%26quot%3b)'%3e%3c/path%3e%3cpath d='M1130 250L880 0L803.5 0L1053.5 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1055%26quot%3b)'%3e%3c/path%3e%3cpath d='M923.9 250L673.9 0L441.4 0L691.4 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1055%26quot%3b)'%3e%3c/path%3e%3cpath d='M739.8 250L489.79999999999995 0L420.79999999999995 0L670.8 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1055%26quot%3b)'%3e%3c/path%3e%3cpath d='M541.6999999999999 250L291.69999999999993 0L132.69999999999993 0L382.69999999999993 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1055%26quot%3b)'%3e%3c/path%3e%3cpath d='M958.0534080908527 250L1140 68.05340809085271L1140 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1054%26quot%3b)'%3e%3c/path%3e%3cpath d='M0 250L181.9465919091473 250L 0 68.05340809085271z' fill='url(%26quot%3b%23SvgjsLinearGradient1055%26quot%3b)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1053'%3e%3crect width='1140' height='250' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='100%25' x2='100%25' y2='0%25' id='SvgjsLinearGradient1054'%3e%3cstop stop-color='rgba(255%2c 202%2c 202%2c 0.2)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(255%2c 202%2c 202%2c 0.2)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='100%25' y1='100%25' x2='0%25' y2='0%25' id='SvgjsLinearGradient1055'%3e%3cstop stop-color='rgba(255%2c 202%2c 202%2c 0.2)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(255%2c 202%2c 202%2c 0.2)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}

.pageTitlte h1 {
  color: white;
  font-size: 3rem;
  margin-bottom: 10px;
  font-weight: bold;
}

.pageTitlte .breadCrumb {
  color: white;
  font-size: 14px;
}

.pageTitlte .breadCrumb a {
  color: white;
}

.pageContent {
  text-align: justify;
  font-size: 16px;
  line-height: 1.5rem;
  margin: 20px auto;
}

.pageContent p {
  margin-bottom: 1rem;
}

.pageContent .image img {
  display: block;
  margin: 0 auto;
  text-align: center;
  max-width: 100%;
}

.contactInfo {
  margin: 40px auto;
  border: 1px solid #EEE;
  border-radius: 5px;
}

.contactInfo iframe {
  width: 100%;
  height: 250px;
  border-radius: 5px;
  vertical-align: middle;
}

.contactInfo li {
  margin: 20px 10px;
  display: flex;
  align-items: center;
}

.contactInfo li i {
  display: inline-flex;
  margin-left: 10px;
  font-size: 1.5rem;
  color: var(--main);
}

.contactInfo li span {
  font-size: 15px;
  font-weight: bold;
  color: #666;
  line-height: 1.5rem;
}

.contactInfo li a,
.contactInfo li p {
  display: block;
  line-height: 2rem;
  font-size: 15px;
  color: #333;
}

.contactInfo li a:hover {
  color: var(--main);
}

.pageContent img {
  max-width: 100%;
  height: auto;
}

.pagination {
  display: block;
  margin: 30px auto;
  text-align: center;
}

.pagination ul li {
  display: inline-block;
}

.pagination ul li a,
.pagination ul li span {
  min-width: 45px;
  background: #f5f5f5;
  margin: 3px;
  min-height: 45px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 15px;
  border-radius: 5px;
  color: #333;
}

.pagination ul li a:hover,
.pagination ul li.active span {
  background: var(--main);
  color: white;
}

.archivePage .inner {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px 20px 10px;
  line-height: 1.5rem;
}

.archivePage .inner .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.archivePage .inner a {
  display: block;
}

.archivePage .inner .content a {
  display: block;
  font-weight: bold;
  line-height: 1.5rem;
  font-size: 15px;
  color: #333;
}

.archivePage .inner:hover a {
  color: var(--main);
}

.archivePage .inner .data {
  border-top: 1px dashed #DDD;
  margin: 15px 0 0;
  padding: 5px 0 0;
}

.archivePage {
  margin: 40px auto;
}

footer .container {
  border-top: 4px solid var(--main);
  padding: 1rem 0;
}


footer ul.menu li {
  line-height: 1.8rem;
  font-size: 15px;
}

footer ul.menu li a {
  color: #333;
}

footer ul.menu li:hover a {
  color: var(--main);
  padding-right: 5px;
}

footer strong {
  display: block;
  line-height: 2rem;
  font-weight: bold;
}

.homeAbout h1,
.homeAbout h2 {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  border-right: 7px solid var(--main);
  padding: 10px;
  margin-bottom: 2rem;
}

.homeAbout .text {
  line-height: 1.5rem;
  font-size: 16px;
  font-weight: 500;
  color: #666;
  text-align: justify;
}

.homeAbout .text a {
  color: var(--main);
}

.homeAbout li {
  list-style: decimal;
  list-style-position: inside;
  margin: 10px 0;
}

.homeAbout img {
  max-width: 100%;
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.homeGallery img {
  width: auto;
  max-width: 100%;
  border-radius: 5px;
}

.homeGallery {
  padding: 2rem;
  margin: 2rem auto;
}

.lightBack {
  background: #f5f5f5;

}

footer .fa-phone-volume {
  transform: scaleX(-1) rotate(-20deg);
}

footer strong {
  font-size: 18px;
  display: block;
  /* border-right: 2px solid var(--main); */
  padding: 5px;
  margin-bottom: 1rem;
  border-bottom: 2px solid var(--main);
  width: fit-content;
  color: var(--main);
}

footer .information a {
  display: inline-block;
  padding: 5px 0 5px 10px;
  color: #333;
  font-size: 16px;
  letter-spacing: 1px;
}

footer .information span {
  display: block;
  margin-bottom: 1rem;
  font-weight: bold;
  color: #666;
  border-right: 2px solid var(--main);
  padding: 6px 5px 3px;
  width: fit-content;
}

footer .information li {
  display: block;
  margin-bottom: 1rem;
}

.mainNavigation>ul>li>ul {
  position: absolute;
  background: white;
  min-width: 270px;
  border-radius: 5px;
  padding: 15px;
  z-index: 11;
  box-shadow: 0 0 30px rgba(72, 123, 183, .15);
  border-top: 2px solid var(--main);
  top: 40px;
  transition: all .2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.mainNavigation>ul>li {
  position: relative;
}

.mainNavigation>ul>li:hover>ul {
  top: 20px;
  opacity: 1;
  visibility: visible;
}

.mainNavigation>ul>li>ul li a {
  display: block;
  /* margin: 10px 0; */
  color: #333;
  font-size: 15px;
  line-height: 1.5rem;
  border-bottom: 1px dashed #EEE;
  padding: 10px 0;
}

.mainNavigation>ul>li>ul li:hover a {
  /* padding-right: 10px; */
  color: var(--main);
}

.mainNavigation>ul>li>ul li:last-child a {
  border: 0;
  padding-bottom: 0;
}

.mainNavigation>ul>li:hover>a {
  color: var(--main);
}

.mainNavigation>ul>li.menu-item-has-children>a:before {
  content: '\f078';
  position: absolute;
  left: -4px;
  font-family: "Font Awesome 5 Pro";
  font-size: 13px;
}

.cpr a {
  margin-bottom: 1rem;
  display: block;
}

.cpr {
  border-top: 1px dashed #EEE;
}

footer .information a:hover {
  color: var(--main);
}

.sidebar {
  box-shadow: 0 0 30px rgba(72, 123, 183, .15);
  padding: 1rem;
}

.sidebar h3 {
  display: block;
  text-align: right;
  font-weight: bold;
  border-bottom: 1px dashed var(--main);
  padding-bottom: 8px;
  font-size: 1.2rem;
  color: var(--main);
  margin-bottom: 1rem;
}

.sidebar .related li a {
  display: block;
  color: #333;
  font-size: 16px;
  line-height: 1.5rem;
}

.sidebar .related li {
  margin-bottom: 1rem;
  display: block;
}

.sidebar .related li:last-child {
  margin-bottom: 0;
}

.sidebar .related li:hover a {
  color: var(--main);
}

.gallery img {
  display: block;
  margin: 0 auto;
}