*
{ -webkit-tap-highlight-color : transparent;
  box-sizing : border-box;
  margin : 0;
  padding : 0;
}

body
{ background : url(../images/bg.png) fixed;
  font-family : arial;
  margin : 0;
  -webkit-font-smoothing : antialiased;
  overflow-x : hidden;
}

.header
{ display : flex;
  align-items : center;
  justify-content : space-between;
  padding : 15px 20px;
  background : #1a1364;
  color : #fff;
  font-size : 18px;
  position : relative;
  z-index : 1000;
}

.logo
{ font-size : 1.2rem;
  font-weight : bold;
}

.nav-desktop
{ display : flex;
  justify-content : space-between;
  flex : 1;
  margin-left : 0;
}

.nav-left, .nav-right
{ display : flex;
  gap : 20px;
}

.nav-left a, .nav-right a, .nav-left .dropdown-btn, .nav-right .dropdown-btn
{ color : #fff;
  text-decoration : none;
  padding : 8px 12px;
  transition : background .2s;
  cursor : pointer;
  margin-top : 5px;
}

.nav-left a:hover, .nav-right a:hover, .nav-left .dropdown-btn:hover, .nav-right .dropdown-btn:hover
{ background : #353eb3;
  border-radius : 4px;
}

.dropdown
{ position : relative;
}

.dropdown-btn
{ display : flex;
  align-items : center;
  gap : 5px;
  transition : transform .3s;
}

@media (min-width: 769px)
{ .dropdown:hover .dropdown-btn::after
  { transform : rotate(180deg);
  }
}

.dropdown-btn::after
{ content : '?';
  display : inline-block;
  transition : transform .3s;
}

.dropdown-content
{ display : none;
  position : absolute;
  top : 100%;
  left : 0;
  background : #333;
  min-width : 150px;
  border-radius : 4px;
  overflow : hidden;
  z-index : 1000;
}

.dropdown-content a
{ display : block;
  padding : 10px 15px;
  color : #fff;
  text-decoration : none;
}

.dropdown-content a:hover
{ background : #444;
}

.nav-right .dropdown-content
{ right : 0;
  left : auto;
}

@media (min-width: 769px)
{ .dropdown:hover .dropdown-content
  { display : block;
  }
}

.hamburger
{ width : 30px;
  height : 24px;
  display : none;
  flex-direction : column;
  justify-content : space-between;
  cursor : pointer;
}

.hamburger span
{ height : 4px;
  background : #fff;
  border-radius : 2px;
  transition : .4s;
}

.hamburger.active span:nth-child(1)
{ transform : translateY(10px) rotate(45deg);
}

.hamburger.active span:nth-child(2)
{ opacity : 0;
}

.hamburger.active span:nth-child(3)
{ transform : translateY(-10px) rotate(-45deg);
}

.mobile-menu
{ position : fixed;
  top : 0;
  left : -300px;
  width : 300px;
  height : 100%;
  background : #353eb3;
  padding-top : 70px;
  font-size : 19px;
  transition : left .4s ease;
  display : flex;
  flex-direction : column;
  z-index : 999;
}

.mobile-menu a, .mobile-menu .dropdown-btn
{ color : #fff;
  padding : 15px 25px;
  text-decoration : none;
  border-bottom : 1px solid #1a1364;
}

.mobile-menu a:hover, .mobile-menu .dropdown-btn:hover
{ background : #1a1364;
}

.mobile-menu .dropdown-content
{ position : static;
  display : none;
  background : #1a1364;
  border : none;
}

.mobile-menu .dropdown.open .dropdown-content
{ display : block;
}

.mobile-menu .dropdown.open .dropdown-btn::after
{ transform : rotate(180deg);
}

.mobile-menu.open
{ left : 0;
}

body.menu-open
{ overflow : hidden;
}

@media (max-width: 768px)
{ .nav-desktop
  { display : none;
  }

  .hamburger
  { display : flex;
  }
}

.top-slider-pm
{ padding : 30px 0;
  margin : 0 0 0;
}

.p-zero
{ padding : 0;
}

.pt-30
{ padding-top : 30px;
}

.ml-15
{ margin-left : 15px;
}

.plr-30
{ padding-left : 30px;
  padding-right : 30px;
}

a
{ text-decoration : none;
}

a:hover
{ text-decoration : none;
}

a:focus
{ text-decoration : none;
}

.phone-button
{ display : flex;
  align-items : stretch;
  border : none;
  border-radius : 6px;
  overflow : hidden;
  cursor : pointer;
  transition : transform .2s;
  margin : 0 auto;
  filter : opacity(100%);
}

.phone-button:hover
{ filter : opacity(85%);
}

.phone-button:active
{ transform : translateY(0);
}

.icon-section
{ background : rgba(26, 19, 100, 1);
  display : flex;
  align-items : center;
  justify-content : center;
  padding : 20px;
}

.icon-section i
{ font-size : 28px;
  color : rgba(255, 255, 255, 1);
}

.text-section
{ background : rgba(53, 62, 179, 1);
  display : flex;
  flex-direction : column;
  justify-content : center;
  padding : 15px;
  gap : 4px;
  width : 230px;
}

.text-section .line1, .text-section .line2
{ color : rgba(255, 255, 255, 1) ;
  margin : 0;
  line-height : 1.2;
}

.text-section .line1
{ font-size : 17px;
  font-weight : 600;
}

.text-section .line2
{ font-size : 17px;
  font-weight : 400;
}

.slideshow-container
{ position : relative;
  max-width : 720px;
  width : 100%;
  overflow : hidden;
  border-radius : 6px;
}

.slides
{ position : absolute;
  width : 100%;
  opacity : 0;
  transition : opacity 1s ease;
}

.slides img
{ width : 100%;
  display : block;
}

.active
{ opacity : 1;
  position : relative;
}

.numbering
{ position : absolute;
  top : 10px;
  right : 12px;
  background : rgba(0,0,0,.5);
  color : #fff;
  padding : 4px 10px;
  font-size : 14px;
  border-radius : 3px;
  font-weight : bold;
  z-index : 5;
  letter-spacing : .5px;
}

.prev, .next
{ cursor : pointer;
  position : absolute;
  top : 50%;
  padding : 10px;
  color : #fff;
  font-weight : bold;
  font-size : 24px;
  user-select : none;
  transform : translateY(-50%);
  background : rgba(0,0,0,.4);
  border-radius : 4px;
  z-index : 10;
}

.prev
{ left : 15px;
}

.next
{ right : 15px;
}

.prev:hover, .next:hover
{ background : rgba(0,0,0,.6);
}

@media (pointer: coarse)
{ .prev, .next
  { display : none;
  }
}

.caption
{ background : #ddd;
  padding : 10px;
}

.carousel
{ position : relative;
  overflow : hidden;
  width : 100%;
  margin : 50px auto;
}

.carousel-track
{ display : flex;
  transition : transform .5s ease;
}

.carousel-item
{ flex : 0 0 auto;
  padding : 0 5px;
}

.carousel-item img
{ width : 100%;
  display : block;
}

.google-maps
{ position : relative;
  padding-bottom : 56.25%;
  height : 0;
  overflow : hidden;
  margin-bottom : 0;
  border : 1px solid #ccc;
  border-radius : 5px !important;
}

@media (max-width: 641px)
{ .google-maps
  { position : relative;
    padding-bottom : 75%;
    height : 0;
    overflow : hidden;
    margin-bottom : 0;
    border : 1px solid #ccc;
  }
}

@media (max-width: 536px)
{ .google-maps
  { position : relative;
    padding-bottom : 100%;
    height : 0;
    overflow : hidden;
    margin-bottom : 0;
    border : 1px solid #ccc;
  }
}

.google-maps iframe
{ position : absolute;
  top : 0;
  left : 0;
  width : 100% !important;
  height : 100% !important;
}

.gallery
{ display : flex;
  flex-wrap : wrap;
  gap : 10px;
  padding : 10px;
}

.gallery img
{ width : 250px;
  height : 190px;
  cursor : pointer;
  border-radius : 4px;
}

.gallery img
{ width : 250px;
  height : 190px;
  cursor : pointer;
  border-radius : 4px;
  margin-bottom : 20px;
}

@media screen and (max-width: 1200px)
{ .gallery img
  { width : 80%;
    height : auto;
    cursor : pointer;
    border-radius : 4px;
  }
}

#lightbox
{ position : fixed;
  inset : 0;
  background : #262e39;
  display : none;
  flex-direction : column;
  align-items : center;
  justify-content : center;
  z-index : 9999;
  padding-top : 60px;
  padding-bottom : 60px;
}

#lb-bar
{ position : absolute;
  top : 0;
  left : 0;
  right : 0;
  height : 50px;
  background : #111d;
  color : #fff;
  display : flex;
  align-items : center;
  padding : 0 15px;
  backdrop-filter : blur(6px);
}

#lb-num
{ flex : 0 0 auto;
}

#lb-close
{ margin-left : auto;
  cursor : pointer;
  font-size : 20px;
}

#lb-bottom
{ position : absolute;
  bottom : 0;
  left : 0;
  right : 0;
  height : auto;
  min-height : 50px;
  background : #111d;
  color : #fff;
  display : flex;
  align-items : center;
  padding : 10px 15px;
  backdrop-filter : blur(6px);
  font-size : 16px;
  text-align : center;
  justify-content : center;
}

#lb-img
{ max-width : 90vw;
  max-height : 70vh;
  border-radius : 4px;
  box-shadow : 0 0 20px #000;
  opacity : 0;
  transition : opacity .35s ease;
}

@media (hover:hover)
{ .arrow
  { position : absolute;
    top : 50%;
    transform : translateY(-50%);
    font-size : 40px;
    color : white;
    cursor : pointer;
    padding : 10px;
    user-select : none;
  }

  #left-arrow
  { left : 20px;
  }

  #right-arrow
  { right : 20px;
  }
}

@media (pointer: coarse)
{ #left-arrow, #right-arrow
  { display : none;
  }
}

.pol h1.text-left
{ margin : 35px 0 20px 15px;
}

.pol h2, .pol h3, .pol p
{ margin-left : 0;
  padding-left : 0;
}

.pol h2
{ font-size : 24px;
}

.pol h3
{ font-size : 22px;
}

.pol ul li
{ margin-left : 30px;
  font-size : 19px;
  line-height : 170%;
}

.phone-link a
{ position : relative;
  text-decoration : none;
  color : #353eb3;
}

.phone-link a::after
{ content : '';
  position : absolute;
  left : 0;
  bottom : -2px;
  width : 100%;
  height : 2px;
  background : currentColor;
  transform : scaleX(0);
  transform-origin : center;
  transition : transform .25s ease;
}

.phone-link a:hover::after
{ transform : scaleX(1);
  transform-origin : center;
}

footer
{ background : #1a1364;
  color : #fff;
  font-size : 17px;
  padding : 30px 20px 25px;
}

.footer-container
{ display : flex;
  justify-content : space-between;
  align-items : center;
  flex-wrap : wrap;
  max-width : 100%;
  margin : 0 auto;
}

.footer-left, .footer-right
{ display : flex;
  gap : 20px;
}

.footer-right
{ line-height : 30px;
}

footer a
{ position : relative;
  text-decoration : none;
  color : #fff;
}

footer a::after
{ content : '';
  position : absolute;
  left : 0;
  bottom : -2px;
  width : 100%;
  height : 2px;
  background : currentColor;
  transform : scaleX(0);
  transform-origin : center;
  transition : transform .25s ease;
}

footer a:hover::after
{ transform : scaleX(1);
  transform-origin : center;
}

@media (max-width: 600px)
{ .footer-container
  { flex-direction : column;
    align-items : center;
    text-align : center;
    gap : 10px;
  }

  .footer-left, .footer-right
  { flex-direction : column;
    gap : 5px;
  }
}

.container
{ background : #fff;
  border-left : 1px #eee solid;
  border-right : 1px #eee solid;
  overflow : hidden;
}

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

.img-rc
{ display : block;
  max-width : 100%;
  height : auto;
  margin : 0 auto;
  padding : 0;
}

.text-left
{ text-align : left;
}

h1.text-left
{ margin : 0 0 0 10px;
}

h1.text-left-2
{ margin : 35px 0 20px 25px;
}

.text-right
{ text-align : right;
}

.text-center
{ text-align : center;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{ font-family : Arial, sans-serif;
  font-weight : 500;
  line-height : 1.1;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small
{ font-weight : normal;
  line-height : 1;
  color : #808080;
}

h1, h2, h3
{ margin-top : 20px;
  margin-bottom : 10px;
  margin-left : 20px;
}

h4, h5, h6
{ margin-top : 10px;
  margin-bottom : 10px;
}

h1, .h1
{ font-size : 24px;
}

h2, .h2
{ font-size : 20px;
}

h3, .h3
{ font-size : 24px;
}

h4, .h4
{ font-size : 18px;
}

h5, .h5
{ font-size : 14px;
}

h6, .h6
{ font-size : 12px;
}

h1 small, .h1 small
{ font-size : 24px;
}

h2 small, .h2 small
{ font-size : 18px;
}

h3 small, .h3 small, h4 small, .h4 small
{ font-size : 14px;
}

p
{ margin : 0;
  padding : 10px;
  font-size : 19px;
  line-height : 170%;
}

section
{ margin : 20px 0;
}

.top-d
{ margin : 15px auto 30px;
  border : 1px solid #ececec;
}

.top-m
{ padding : 20px 0;
}

.pull-left
{ width : auto;
  float : left;
}

.pull-right
{ width : auto;
  float : right;
}

.breadcrumbs
{ background : #ededed;
  margin : 0 0 20px;
  height : 40px;
  padding : 10px 0;
  font-size : 16px;
  font-weight : 400;
}

#sbh
{ float : right;
}

#sb
{ float : left;
  margin-top : -8px;
  height : 36px;
  padding-top : 0;
  background : #fff;
  width : 230px;
  border : none;
  padding-left : 5px;
  font-size : 13px;
  font-weight : 100;
}

#sbm
{ float : right;
  background : #ededed;
  margin-top : -8px;
}

.invisible
{ visibility : hidden;
}

.affix
{ position : fixed;
}

.hidden
{ display : none;
  visibility : hidden;
}

.visible-phone
{ display : none !important;
}

.visible-tablet
{ display : none !important;
}

.hidden-desktop
{ display : none !important;
}

.visible-desktop
{ display : inherit !important;
}

@media (min-width: 768px) and (max-width: 979px)
{ .hidden-desktop
  { display : inherit !important;
  }

  .visible-desktop
  { display : none !important ;
  }

  .visible-tablet
  { display : inherit !important;
  }

  .hidden-tablet
  { display : none !important;
  }
}

@media (max-width: 767px)
{ .hidden-desktop
  { display : inherit !important;
  }

  .visible-desktop
  { display : none !important;
  }

  .visible-phone
  { display : inherit !important;
  }

  .hidden-phone
  { display : none !important;
  }
}

::selection
{ background : #f1f1f1;
  color : #424242;
}

::-moz-selection
{ background : #f1f1f1;
  color : #424242;
}

.logo-align
{ padding-left : 0;
  padding-right : 0;
  margin-left : 0;
  margin-right : 0;
  overflow : hidden;
}

.rbp
{ padding-top : 10px;
  padding-bottom : 10px;
}

.right-bar-top
{ background : #ededed;
  padding : 0 10px 3px;
  margin : 10px 0 0;
  color : #777;
}

.right-bar-top h2
{ margin-top : 0;
  padding-top : 10px;
}

.right-bar
{ background : #ededed;
  padding : 10px 10px 3px;
  margin : 10px 0;
  color : #777;
}

.right-bar h2
{ margin-top : 0;
  padding-top : 0;
}

.right-bar-last
{ background : #ededed;
  padding : 10px 10px 20px;
  margin : 10px 0;
}

#menu-links a, #menu-links li a
{ color : #777;
  text-decoration : none;
}

#menu-links a:hover, #menu-links li a:hover
{ color : #00bf02;
  text-decoration : none;
}

.ss-capwrap
{ text-align : center;
  position : absolute;
  bottom : 5px;
  width : 100%;
  text-align : center;
}

.ss-caption
{ border-radius : 4px;
  color : #fff;
  text-transform : uppercase;
  text-shadow : 0 0 10px rgba(41, 41, 41, .89);
  font-weight : bold;
  padding : 15px 0;
  font-size : 13px;
  display : inline-block;
}

.ss-pag-wrap
{ position : absolute;
  text-align : center;
  width : 100%;
  padding-top : 15px;
}

.ss-paginate
{ display : inline-block;
  font-size : 20px;
  padding : 5px 10px;
  border-radius : 4px;
  background : #fff;
}

.ss-paginate a:link, .ss-paginate a:visited
{ display : inline-block;
  width : 12px;
  height : 12px;
  border-radius : 6px;
  margin : 3px 6px;
  background : #f0353a;
  -webkit-transition : all .2s ease-out;
}

.ss-paginate a:hover
{ box-shadow : 0 0 0 2px #f0353a;
}

.ss-current
{ background : #fff!important;
  box-shadow : 0 0 0 2px #f0353a;
}

#ss-prev, #ss-next
{ position : absolute;
  top : 50%;
  z-index : 50;
  font-size : 12px;
  font-family : serif;
  margin-top : -15px;
  line-height : 31px;
  width : 30px;
  height : 30px;
  display : inline-block;
  color : #fff;
  text-decoration : none;
  border-radius : 17px;
  text-align : center;
  box-shadow : 0 0 0 2px #fff;
  -webkit-transition : all .2s ease-out;
  opacity : .85;
}

#ss-prev:hover, #ss-next:hover
{ color : #444;
  background : #fff;
  opacity : 1;
}

#ss-prev
{ left : 10px;
}

#ss-next
{ right : 10px;
}

.ss-slides-wrap
{ position : relative;
  display : block;
  line-height : 0;
}

.ss-slides
{ position : relative;
  overflow : hidden;
  display : block;
  transform-origin : 50% 50%;
  -ms-transform-origin : 50% 50%;
  -webkit-transform-origin : 50% 50%;
}

.ss-slide
{ top : 0;
  left : 0;
  position : absolute;
  width : 100%;
  zoom : 1;
  line-height : 0;
  -webkit-backface-visibility : hidden;
}

.ss-slide:after
{ content : '';
  display : block;
  clear : both;
  visibility : hidden;
  line-height : 0;
  height : 0;
}

.ss-slide img
{ max-width : 100%;
}

.notrans
{ -webkit-transition : none!important;
  -moz-transition : none!important;
  transition : none!important;
}

a:focus
{ outline : none;
}

.scrollup
{ width : 40px;
  height : 40px;
  outline : none;
  overflow : hidden;
  position : fixed;
  bottom : 10px;
  right : 20px;
  opacity : 1;
  display : none;
  text-indent : -9999px;
  background : url('../images/top.png') no-repeat;
  z-index : 2000;
}

.scrollup:hover
{ background : url('../images/top2.png') no-repeat;
  opacity : 1;
}

.center
{ text-align : center;
}

.center > div
{ margin : 0 auto;
}

#google-maps
{ max-width : 720px;
  height : 400px;
}

#google-maps img
{ max-width : none;
}

.pic-box
{ padding-bottom : 30px;
}

#ppt
{ padding : 0 30px;
}

#ppt p
{ padding : 0 20px 10px;
}