/*---------------------------------------
  CUSTOM PROPERTIES ( VARIABLES )             
-----------------------------------------*/
:root {
  --white-color:                  #ffffff;
  --primary-color:                #43b8ef;
  --secondary-color:              #DDA15E;
  --section-bg-color:             #000000;
  --custom-btn-bg-color:          #BC6C25;
  --custom-btn-bg-hover-color:    #DDA15E;
  --dark-color:                   #000000;
  --p-color:                      #717275;
  --border-color:                 #7fffd4;
  --link-hover-color:             #E76F51;

  --body-font-family:             'Plus Jakarta Sans', sans-serif;

  --h1-font-size:                 60px;
  --h2-font-size:                 46px;
  --h3-font-size:                 32px;
  --h4-font-size:                 28px;
  --h5-font-size:                 24px;
  --h6-font-size:                 22px;
  --p-font-size:                  20px;
  --btn-font-size:                16px;
  --form-btn-font-size:           18px;
  --menu-font-size:               16px;

  --border-radius-large:          100px;
  --border-radius-medium:         20px;
  --border-radius-small:          10px;

  --font-weight-thin:             200;
  --font-weight-light:            300;
  --font-weight-normal:           400;
  --font-weight-bold:             700;
  
}

body {
  background-color: var(--section-bg-color);
  font-family: var(--body-font-family); 
}


/*---------------------------------------
  TYPOGRAPHY               
-----------------------------------------*/

h2,
h3,
h4,
h5,
h6 {
  word-wrap: break-word;	
  color: var(--dark-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  word-wrap: break-word;
  font-weight: var(--font-weight-bold);
}

h1 {
  font-size: var(--h1-font-size);
}

h2 {
  font-size: var(--h2-font-size);
}

h3 {
  font-size: var(--h3-font-size);
}

h4 {
  font-size: var(--h4-font-size);
}

h5 {
  font-size: var(--h5-font-size);
}

h6 {
  font-size: var(--h6-font-size);
}

p {
  color: var(--p-color);
  font-size: var(--p-font-size);
  font-weight: var(--font-weight-light);
}

ul li {
  list-style:none;
  color: var(--p-color);
  font-size: var(--p-font-size);
  font-weight: var(--font-weight-light);
}

a, 
button {
  touch-action: manipulation;
  transition: all 0.3s;
}

a {
  display: inline-block;
  color: var(--primary-color);
  text-decoration: none;
}

a:hover {
  color: var(--primary-color);
}

b,
strong {
  font-weight: var(--font-weight-bold);
}
.align-items-top {
    align-items: flex-start;
}
/*---------------------------------------
  SECTION               
-----------------------------------------*/
.section-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-bg {
  background-color: var(--section-bg-color);
}

.section-overlay {
  background-color: var(--dark-color);
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  opacity: 0.65;
}

.section-overlay + .container {
  position: relative;
  z-index: 22;
}

.back-top-icon {
  font-size: var(--h2-font-size);
}
@media screen and (max-width: 578px) {
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		padding-right: calc(var(--bs-gutter-x) * 1.5);
		padding-left: calc(var(--bs-gutter-x) * 1.5);
	}
	.site-footer .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		padding-right: calc(var(--bs-gutter-x) * 0.5);
		padding-left: calc(var(--bs-gutter-x) * 0.5);
	}	
}		
/*---------------------------------------
  MAIN-SECTION               
-----------------------------------------*/
.main-section {
	background-color: var(--section-bg-color);
    height: 100vh;
}
.main-section .container {
    overflow: hidden;
}
.col-lg-9 img {
    width: 100%;
}
.mTop{
  margin-top: 210px;
} 
.mTop300{
  margin-top: 300px;
}  
.main-section h1{
	color:var(--white-color);
}	
.main-section .container .top-main img {
    width: 100%;
}
@media screen and (max-width: 578px) {
	.mTop{
	  margin-top: 0px;
	} 	
}	
/*---------------------------------------
  HERO        
-----------------------------------------*/
.hero-section {
  background-color: var(--dark-color);
  position: relative;
  overflow: hidden;
  min-height: 620px;
  text-align: center;
}


@media screen and (min-width: 991px) {
  .hero-section {
    height: 100vh;
  }
}

.hero-section h1 {
  color: var(--white-color);
}

.small-text {
  color: var(--secondary-color);
}

.hero-section .custom-border-btn {
  border-color: transparent;
}

.hero-section .container {
  position: relative;
  z-index: 9;
}

.hero-slides {
  width: 100%;
  height: 100%;
  position: absolute !important;
}

.opening-hours-list {
  margin: 0;
  padding: 0;
}

.opening-hours-list li {
  color: rgba(255, 255, 255, 0.75);
  font-size: var(--btn-font-size);
  font-weight: var(--font-weight-normal);
  margin-bottom: 10px;
}

.opening-hours-list li .underline {
  background-color: rgba(255, 255, 255, 0.75);
  width: 35%;
  height: 1px;
  margin: auto 15px 0 15px;
}

/*---------------------------------------
  NEW & POPULAR              
-----------------------------------------*/
.new-section {
    background: #262626;
    padding-top: 173px;
	
}
.popular-section {
    background: #262626;
    padding-top: 147px;	
}
.new-section .container .title-header, .popular-section .container .title-header  {
    padding-bottom: 45px;	

}

.new-section .container .title-header .title-header-inner,.popular-section .container .title-header .title-header-inner  {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
}
.new-section .container .title-header .title_wrap, .popular-section .container .title-header .title_wrap{
    max-width: 917px;
}
@media (max-width: 959px) {
    .new-section .container .title-header .title-header-inner .title_wrap,.popular-section .container .title-header .title-header-inner .title_wrap  {
        max-width: 100%;
    }
}	
.new-section .container .title-header .title-header-inner .title_wrap .title_main span, .popular-section .container .title-header .title-header-inner .title_wrap .title_main span {
    color: #ffffff;
    font-weight: 700;
    font-size: 38px;
    line-height: 46px;
    letter-spacing: -0.03em;
}
@media (max-width: 959px) {
    .new-section .container .title-header .title-header-inner .title_wrap .title_main span, .popular-section .container .title-header .title-header-inner .title_wrap .title_main span {
        font-size: 23px;
        line-height: 30px;
    }
}
.new-section .contents-inner, .popular-section .contents-inner {
    display: flex;
    justify-content: center;
    gap: 28px;
    flex-wrap: wrap;
}

.new-section .contents-inner .contents-img,.popular-section .contents-inner .contents-img {
    width: calc((100% / 4) - 22px);
    overflow: hidden;
    color: #ffffff;
}
.new-section .contents-inner .contents-img a,.popular-section .contents-inner .contents-img a {
	display:block;	
	height: 186px;
    border-radius: 24px;
    overflow: hidden;
    color: #ffffff;
	margin-bottom: 15px;	
}	
.new-section .contents-inner .contents-img  img,.popular-section .contents-inner .contents-img  img {
    width: 100%;
    height: 100%;
    min-height: 186px;
}

@media screen and (max-width: 959px) {
	.new-section .contents-inner .contents-img,.popular-section .contents-inner .contents-img {
		width: calc((100% / 2) - 22px);
		overflow: hidden;
		color: #ffffff;
	}
	.new-section .contents-inner .contents-img a,.popular-section .contents-inner .contents-img a {
		display:block;	
		height: 186px;
		border-radius: 24px;
		overflow: hidden;
		color: #ffffff;
	}	
}
@media screen and (max-width: 578px) {
	.new-section {		
		padding-top: 90px;
	}
	.popular-section {
		padding-top: 70px;	
	}	
	.new-section .contents-inner .contents-img,.popular-section .contents-inner .contents-img {
		width: calc((100% / 1) - 22px);
		overflow: hidden;
		color: #ffffff;
	}
	.new-section .contents-inner .contents-img a,.popular-section .contents-inner .contents-img a {
		display:block;
		height: 186px;
		border-radius: 24px;
		overflow: hidden;
		color: #ffffff;
	}	
}
/*---------------------------------------
  WHO WE ARE            
-----------------------------------------*/
.who-section {
    background: #262626;
    padding-top: 173px;
    padding-bottom: 50px;	
}
.who-section .container {
    overflow: hidden;
}
.who-section h1{
    color:#ffffff;
	font-size:40px;
}
.who-section h2{
    color:#ffffff;
	font-size:25px;
    margin-top: 70px;	
    margin-bottom: 70px;	
	line-height: 142%;
}
.who-section .poster img{
	width:100%;
}	
@media screen and (max-width: 578px) {
	.who-section {
		padding-top: 90px;	
	}
}	
/*---------------------------------------
  CUSTOM BUTTON               
-----------------------------------------*/
.custom-btn {
  background: var(--custom-btn-bg-color);
  border: 2px solid transparent;
  border-radius: var(--border-radius-large);
  color: var(--white-color);
  font-size: var(--btn-font-size);
  font-weight: var(--font-weight-bold);
  line-height: normal;
  transition: all 0.3s;
  padding: 12px 28px;
}

.custom-btn:hover {
  background: var(--custom-btn-bg-hover-color);
  color: var(--white-color);
}

.custom-border-btn {
  background: transparent;
  border: 2px solid var(--white-color);
  color: var(--white-color);
}

.custom-border-btn:hover {
  background: var(--white-color);
  color: var(--secondary-color);
}

.custom-btn-bg-white {
  border-color: var(--white-color);
  color: var(--white-color);
}

.custom-btn-italic {
  font-style: italic;
}
/*---------------------------------------
<button class="btn view_more" id="subListBtnMore" onclick="getSubMainList();">view more</button>
-----------------------------------------*/
.view_more {
  overflow: hidden;
  position: relative;
  display: block;
  clear: both;
  width: 80px;
  height: 80px;
  margin: 5px auto -7px;
  background-color: rgba(0, 0, 0, 0.1);
  text-indent: -100px;
  font-size: 0;
  border-radius: 100px;
}

.view_more:before, .view_more:after {
  content: '';
  position: absolute;
  top: 25px;
  left: 40px;
  width: 1px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.5);
}

.view_more:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.sub .view_more {
  margin-top: 53px;
}

.main_btn_more, .main_btn_read_more {
    padding: 12px 24px;
    font-size: 16px;
    line-height: 28px;
    border-radius: 6px;
    background: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}	
.main_btn_more:hover, .main_btn_read_more:hover {
    border: 1px solid;
	border-color: var(--primary-color);
}	
@media screen and (max-width: 959px) {
    .main_btn_more {
        padding: 8px 10px;
        font-size: 11px;
        line-height: 16px;
    }

	.read_more_btn_wrap {
		margin-bottom: 100px;
	}	
}
/*---------------------------------------
  NAVIGATION BAR & OFFCANVAS              
-----------------------------------------*/
.sticky-wrapper {
  background: rgba(0, 0, 0, 1);	
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  left: 0;
}

.sticky-wrapper.is-sticky .container {
  z-index: 999;
}

.sticky-wrapper .navbar {
  background: rgba(0, 0, 0, 1);
  z-index: 999;
}

.navbar .container {
  max-width:1320px;
}

.navbar-brand,
.navbar-brand:hover {
  font-size: var(--h4-font-size);
  font-weight: var(--font-weight-bold);
  display: block;
  color: var(--white-color);
}

.navbar .navbar-brand-image {
  filter: brightness(0) invert(1);
}

.navbar-brand-image {
  width: 48px;
  height: auto;
  margin-right: 10px;
}

.navbar .custom-btn {
  padding: 10px 20px;
}

.navbar-expand-lg .navbar-nav .nav-link {
  margin: 10px;
  padding: 10px;
}

.navbar-nav .nav-link {
  display: inline-block;
  color: var(--white-color);
  font-size: var(--menu-font-size);
  font-weight: var(--font-weight-normal);
  padding-top: 15px;
  padding-bottom: 15px;
}

.navbar-nav .nav-link.active, 
.navbar-nav .nav-link:hover {
  color: var(--primary-color);
}

.navbar .dropdown-menu {
  background: var(--white-color);
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
  border: 0;
  display: inherit;
  opacity: 0;
  min-width: 9rem;
  margin-top: 20px;
  padding: 13px 0 10px 0;
  transition: all 0.3s;
  pointer-events: none;
}

.navbar .dropdown-menu::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 15px solid var(--white-color);
  position: absolute;
  top: -10px;
  left: 10px;
}

.navbar .dropdown-item {
  display: inline-block;
  color: var(--p-color);
  font-size: var(--menu-font-size);
  font-weight: var(--font-weight-medium);
  position: relative;
}

.navbar .dropdown-item.active, 
.navbar .dropdown-item:active,
.navbar .dropdown-item:focus, 
.navbar .dropdown-item:hover {
  background: transparent;
  color: var(--link-hover-color);
}

.navbar .dropdown-toggle::after {
  content: "\f282";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-size: var(--menu-font-size);
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  left: 2px;
  border: 0;
}

@media screen and (min-width: 992px) {
  .navbar .dropdown:hover .dropdown-menu {
    opacity: 1;
    margin-top: 0;
    pointer-events: auto;
  }
}

.navbar-toggler {
  border: 0;
  padding: 0;
  cursor: pointer;
  margin: 0;
  width: 30px;
  height: 35px;
  outline: none;
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background: transparent;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
  top: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transform: rotate(-45deg);
}

.navbar-toggler .navbar-toggler-icon {
  background: var(--white-color);
  transition: background 10ms 300ms ease;
  display: block;
  width: 30px;
  height: 2px;
  position: relative;
}

.navbar-toggler .navbar-toggler-icon:before,
.navbar-toggler .navbar-toggler-icon:after {
  transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;
  position: absolute;
  right: 0;
  left: 0;
  background: var(--white-color);
  width: 30px;
  height: 2px;
  content: '';
}

.navbar-toggler .navbar-toggler-icon::before {
  top: -8px;
}

.navbar-toggler .navbar-toggler-icon::after {
  top: 8px;
}


/*---------------------------------------
  SITE FOOTER              
-----------------------------------------*/
.site-footer::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 301px;
    z-index: -1;
    left: 0;
    background-size: cover;
    background-image: url(../images/footer.png);
    border-top: 1px solid #000000;	
}	
.site-footer {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    overflow: hidden;
    height: 301px;
    background: rgb(0 0 0 / 75%);
}
.site-footer .container {
    padding-top: 3.5rem !important;
    color: #ffffff;
    z-index: 999;
    position: absolute;
    left: 0;
    right: 0;
}

.site-footer .footer-menu {
    display: flex;
    gap: 20px;
	z-index:99999;
}
.site-footer strong {
  color: var(--white-color);
  font-weight:700;
}

.site-footer p,
.site-footer-link {
  color: var(--white-color);
  font-size: var(--btn-font-size);
}

.site-footer-link {
  color: var(--white-color);
  font-size: var(--btn-font-size);
  transition: all 0.3s;
}

.site-footer a:hover {
  color: var(--primary-color);
}

.copyright-text {
  color: var(--white-color);
  font-size: var(--menu-font-size);
}

.site-footer a {
	color: var(--white-color);
}
/*---------------------------------------
  CONTENTS
-----------------------------------------*/
.contents-section {
    background: #ffffff;
    padding-top: 173px;
    padding-bottom: 173px;	
}
.contents-section .container .title-header {
    padding-bottom: 45px;	

}

.contents-section .container .title-header .title-header-inner {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contents-section .container .title-header .title-header-inner .title_wrap{
    max-width: 917px;
}
.contents-section .container .title-header .title-header-inner .title_wrap .desc {
    margin: 50px 0;
}
.contents-section .container .title-header .title-header-inner .title_wrap .desc span{
    color: #000000;
    font-size: 1.3rem;	
}
@media (max-width: 959px) {
    .contents-section .container .title-header .title-header-inner .title_wrap {
        max-width: 100%;
    }
}	
.contents-section .container .title-header .title-header-inner .title_wrap .title_main span {
    color: #000000;
    font-weight: 700;
    font-size: 38px;
    line-height: 46px;
    letter-spacing: -0.03em;
}
@media (max-width: 959px) {
    .contents-section .container .title-header .title-header-inner .title_wrap .title_main span {
        font-size: 23px;
        line-height: 30px;
    }
}

.contents-section .contents-inner{
    display: flex;
    justify-content: center;
    gap: 28px;
    flex-wrap: wrap;	
}
.contents-section .contents-inner .contents-img {
    width: calc((100% / 3) - 22px);

}	
@media screen and (max-width: 959px) {
	.contents-section .contents-inner .contents-img {
		width: calc((100% / 2) - 22px);

	}	
}
@media screen and (max-width: 578px) {
	.contents-section .contents-inner .contents-img {
		width: calc((100% / 1) - 22px);

	}	

}

.contents-section .contents-inner .contents-img a{
    max-height: 231px;
    border-radius: 24px;
    overflow: hidden;	
    border: 1px solid #f4f4f4;	
}
.contents-section .contents-inner .contents-img a img{
    width: 100%;
    height: 100%;	
}
.contents-section .contents-inner .contents-img .content-title{
    font-size: 1.2rem;	
    font-weight: 700;
    display: inline-block;
    margin: 5px;
}
.contents-section .contents-inner .contents-img .content-desc{
    font-size: 1.0rem;	
    font-weight: 400;
    display: inline-block;
    margin: 0 5px;	
}
/*---------------------------------------
  CONTENTS-VIEW
-----------------------------------------*/
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.flip-icon {
  transform: scaleX(-1);
}
button.trailer {
    display: flex;
    border: 1px solid #f4f4f4;
    border-radius: 15px;
    padding: 0 15px 0 5px;
}
.contents-view-section {
    background: #ffffff;
    padding-top: 173px;
    padding-bottom: 173px;
    overflow: hidden;	
}
.contents-view-section .poster {
    width: 100%;
    max-width: 390px;
	margin-right: 50px;	
    margin-bottom: 50px;	
}

.contents-view-section .poster img {
    width: 100%;
	box-shadow: 0px 0px 5px #444;
}
.trailerbox {
    margin: 27px 0;
}
.content_desc {
    margin: 0 0 26px 0;
    font-size: 1.2rem;	
}
table tr td {
    padding: 5px 50px 5px 0;
}	
table tr td:first-child{
	font-weight: 700;
    min-width: 154px;	
}	
.synopsis {
    margin-top: 107px;
}
.info {
	margin-top: 32px;
    font-size: 1.2rem;
    line-height: 200%;
}
.photos{
    margin-top: 157px;	
}
@media screen and (max-width: 959px) {
	.synopsis {
		margin-top: 60px;
	}	
	.info {
		line-height: 169%;
	}
	.photos{
        margin: 0 auto;		
		margin-top: 60px;	
	}	
}	
.photo-list{
    margin-top: 32px;
    display: flex;
    justify-content: center;
    gap: 28px;
    flex-wrap: wrap;
}	
.photo-img {	
    width: calc((100% / 3) - 22px);

}	
.photo-img  img{	
    width: 100%;
}
@media screen and (max-width: 959px) {
	.photo-img {
		width: calc((100% / 2) - 22px);

	}	
}
@media screen and (max-width: 578px) {
	.contents-view-section .contents-view {
		margin:0 auto;
	}
	.photo-img {
		width: calc((100% / 1) - 22px);
	}	
	.contents-view-section .poster {
		width: 100%;
		max-width: 362px;
		margin: 0 auto;
		margin-bottom: 50px;
	}	

}
@media screen and (max-width: 959px) {
	.contents-view-section .poster {
		width: 100%;
		max-width: 362px;
		margin: 0 auto;
		margin-bottom: 50px;
	}		
}
.btn_list {
	display:flex;
    padding: 12px 24px;
    font-size: 16px;
    line-height: 28px;
    border-radius: 6px;
    background: transparent;
    border: 1px solid #000000;
    color: #000000;
	margin:50px 0 0 10px;
}
.btn_list:hover {
    border: 1px solid;
    color: var(--primary-color);
	border-color:var(--primary-color);
}	
@media screen and (max-width: 959px) {
    .btn_list {
        padding: 8px 10px;
        font-size: 11px;
        line-height: 16px;
    }

	.read_more_btn_wrap {
		margin-bottom: 100px;
	}	
}

/*---------------------------------------
  CONTACTS
-----------------------------------------*/
.contacts-section {
    background: #ffffff;
    padding-top: 173px;
    padding-bottom: 173px;
}
.contacts-section .container {
    text-align: center;
}
.contacts-img {
    border-radius: 105px;
    border: 1px solid #000;
    overflow: hidden;
}
.contacts_desc {
    margin-top: 60px;
    margin-bottom: 130px;
    color: #000000;
    font-size: 1.4rem;	
    font-weight: 600;
}
.contacts-info {
    text-align: left;
}

.contacts-info li {
	color:#000000;
}
.contacts-info li:nth-child(1) {	
    font-size: 1.4rem;
	font-weight: 700;
}
.contacts-info li:nth-child(2) {
	font-size:1.3rem;
	color:#007cc3;
	font-weight:400;	
    margin-top: 20px;	
}
.contacts-info li:nth-child(3) {
  	font-size:1.3rem;  
    font-weight:400;	
    margin-top: 8px;	
}
.contacts-info li:nth-child(4) {
	font-size:1.3rem;    
    font-weight:700;
    margin-top: 8px;	
}
@media screen and (max-width: 959px) {
	.contacts+.contacts{
		margin-top:100px;
	}
}
@media screen and (max-width: 578px) {	
	.flexblock {
		display: block !important;
	}
	.contacts+.contacts{
		margin-top:100px;
	}
	.contacts-img {
		width: 170px;
		height: 170px;
		margin:0 auto;
	}	
	.contacts-info {
		margin: 0 auto;		
		margin-top: 40px !important;
		padding-left: 0;
	}	
	.contacts-info li:nth-child(1) {
		text-align: center;
	}
	.contacts-info li:nth-child(2) {
		text-align: center;
	}	
	.contacts-info li:nth-child(3) {
		text-align: center;
	}	
	.contacts-info li:nth-child(4) {
		text-align: center;
	}	
	
}
/*---------------------------------------
  ABOUTUS
-----------------------------------------*/
.slide-section{
    margin-top: 80px;
    width: 100%;
    overflow: hidden;
}	
.slide-section img {
	width: 100vw;	
    height: 100%;
    max-height: 500px;
}
.aboutus-section {
    background: #ffffff;
    padding-top: 173px;
    padding-bottom: 173px;
}
.aboutus-section .container {
    text-align: center;
}
.aboutus-img {
    border-radius: 105px;
    border: 1px solid #000;
    overflow: hidden;
}
.aboutus {
    margin-top: 60px;
    margin-bottom: 130px;
    color: #000000;
    font-weight: 600;
}
.aboutus_desc {
    font-size: 2.0rem;	
    text-align: left;
    margin-top: 96px;
    font-weight: 600;
}

.aboutus_desc2 {	
    font-size: 1.5rem;
    text-align: left;
    margin-top: 96px;
    line-height: 206%;	
}
@media screen and (max-width: 959px) {
	.slide-section {
		margin-top: 55px;
	}
	.slide-section img {
		height: 100%;
		max-height: 500px;
		width: auto;
	}	
	
}
@media screen and (max-width: 578px) {
	.slide-section {
		margin-top: 55px;
	}
	.slide-section img {
		height: 100%;
		max-height: 500px;
		width: auto;	
	}	
	.aboutus-section {
		padding-top: 90px;
		padding-bottom: 90px;
	}	
}

/*---------------------------------------
  SOCIAL ICON               
-----------------------------------------*/
.social-icon {
  margin: 0;
  padding: 0;
}

.social-icon-item {
  list-style: none;
  display: inline-block;
  vertical-align: top;
}

.social-icon-link {
  background: var(--primary-color);
  border-radius: var(--border-radius-large);
  color: var(--white-color);
  font-size: var(--menu-font-size);
  display: block;
  margin: 0 5px;
  text-align: center;
  width: 35px;
  height: 35px;
  line-height: 35px;
  transition: background 0.2s, color 0.2s;
}

.social-icon-link:hover {
  background: var(--white-color);
  color: var(--primary-color);
}

.social-icon-link span {
  display: block;
}


/*---------------------------------------
  RESPONSIVE STYLES               
-----------------------------------------*/
@media screen and (max-width: 1200px) {
  h1 {
    font-size: 62px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 54px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 32px;
  }

  h4 {
    font-size: 28px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 18px;
  }

  .section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .hero-section {
    padding-top: 148px;
    padding-bottom: 100px;
  }

  .navbar-brand,
  .navbar-brand:hover {
    font-size: var(--h5-font-size);
  }

  .navbar-expand-lg .navbar-nav {
    padding-bottom: 20px;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
    margin-bottom: 0;
  }

  .navbar .custom-btn {
    margin-bottom: 10px;
  }

  .site-footer {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .custom-btn {
    font-size: 14px;
    padding: 12px 20px;
  }

}


@media screen and (max-width: 578px) {
  .navbar .container,
  .sticky-wrapper.is-sticky .container {
    margin-right: 10px;
    margin-left: 10px;
  }
}


@media screen and (max-width: 480px) {
  h1 {
    font-size: 38px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 26px;
  }

  h4 {
    font-size: 22px;
  }

  h5 {
    font-size: 20px;
  }

  .hero-section::after {
    width: 200px;
    height: 200px;
  }


}