/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


/* html5doctor.com/html-5-reset-stylesheet/ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; } 
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }



*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  /* box-sizing: border-box; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* overflow-x: hidden;  */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


:root{
  --white: #fff;
  --black: #000;
  --default:#777; 
  --primary: #F6BD10;

  --font-Montserrat: 'Montserrat', "Prompt", sans-serif;
  --font-Inter: "Inter", "Prompt", sans-serif;
  --font-Prompt: "Prompt", serif;
  

  --txt-menu: 18px;
  --txt-20: 20px;

  --head-h1: 80px;
  --head-h2: 57px;

}
@media (max-width: 1600px) {
  :root {
    --txt-20: 18px;
    --head-h1: 70px;
    --head-h2: 50px;
  }
}
@media (max-width: 1300px) {
  :root {
    --txt-menu: 16px;
    --head-h2: 44px;
  }
}
@media (max-width: 1199px) {
  :root {
    --head-h1: 60px;
    --head-h2: 40px;
  }
}
@media (max-width: 991px) {
  :root {
    --txt-menu: 18px;
    --head-h1: 50px;
    --head-h2: 34px;
    --txt-20: 16px;
  }
}
@media (max-width: 767px) {
  :root {
    --head-h1: 40px;
    --head-h2: 30px;
  }
}




/* -- CUSTOM CSS -- */
html, body {width:100%; height:100%; padding:0px; margin:0px}

body{ 
	background-color:#000; 
}
body{ font-family: 'Montserrat', "Prompt", sans-serif; font-size:100%; font-weight:400; color:var(--white); text-decoration:none; }
img {
	border:0px;
}
.img-responsive { display: block; height: auto; max-width: 100%; }
.img-fluid { max-width: 100%; height: auto; }
strong{ font-weight: 600; }
figure{ margin: 0 0 1rem; }

a,
a:hover{
  text-decoration:none;
  color: inherit;
  outline:0; transition: all 0.3s ease;
}
a:focus {
  text-decoration:none;
  outline:0;
}

.btn.focus, .btn:focus{
	outline:0;
	box-shadow: none;
}
input:focus,
select:focus,
textarea:focus,
button:focus,
.form-control:focus {
  outline: none !important;
  box-shadow: none;
}
input,
select,
textarea{
  background-clip: padding-box;
}

i{ line-height: 0; }


/**********************************************************/
/**********************************************************/



.div-container--fluid{ width: 100%; position: relative; margin: 0 auto; }

.build-container,
.div-container{
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .build-container,
  .div-container{
    max-width: 540px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .build-container,
  .div-container, .div-container--fluid{
    max-width: 750px;
  }
  .div-container--fluid{ max-width: 100%; padding: 0; }
}
@media (min-width: 992px) {
  .build-container,
  .div-container{
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .div-container {
    max-width: 1190px;
  }
  .build-container{ max-width: 1000px; }
}
@media (min-width: 1300px) {
  .div-container {
    max-width: 1260px;
  }
}
@media (min-width: 1600px) {
  .div-container {
    max-width: 1530px;
  }
  .build-container{ max-width: 1360px; }
}

.build-row{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.build-col--25{
  position: relative;
  width: 100%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.build-col--50,
.col-50{
  position: relative;
  width: 100%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.build-col--100,
.col-100{
  position: relative;
  width: 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}


.build-col{
  position: relative;
  width: 100%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

@media (max-width: 1199px){

  .build-col--25{
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

}
@media (max-width: 991px){

  .build-col{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .build-col--50{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

}
@media (max-width: 767px){

  .build-col,
  .col-50{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .build-col--25{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }


}
@media (max-width: 576px){

  .build-col--25{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }


}

section{ position: relative; }

h1, h2, h3, h4{ font-weight: 500; line-height: 1.3; }


h1{ font-size: var(--head-h1); }
h2{ font-size: var(--head-h2); }
h3{ font-size: var(--head-h3); }
h4{ font-size: var(--head-h4); }
p{ margin-bottom: 30px; }
p:last-child{ margin-bottom: 0; }
p, li{ line-height: 1.7; }



.text-center{ text-align: center; }
.mb-20{ margin-bottom: 20px; }
.mb-30{ margin-bottom: 30px; }
.mb-50{ margin-bottom: 50px; }
.mt-50{ margin-top: 50px; }




/**********************************************************/
/************************** nav ***************************/
/**********************************************************/

.div-nav{ width: 100%; padding: 13px 0; z-index: 101; top: 0; background-color: var(--black); }
.div-nav--container{ max-width: 1640px; width: 90%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; z-index: 9; }
.nav-logo{ max-width: 65px; position: relative; }
/* .nav-logo::before{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: var(--white); width: 1px; height: 47px; } */

.nav-menu{ width: calc(100% - 300px); display: flex; align-items: center; justify-content: flex-end; }
.nav-menu ul{ display: flex; justify-content: flex-end; align-items: center; gap: 30px; }
.nav-menu ul li{ display: inline-block; position: relative; }
.nav-menu ul li a{ display: block; font-size: var(--txt-menu); color: rgba(255, 255, 255, 0.75); font-weight: 500; position: relative; text-transform: uppercase; }
.nav-menu ul li a:hover, .nav-menu ul li a.active{ color: rgba(255, 255, 255, 1); }

.nav-menu ul li.current-menu-parent a,
.nav-menu ul li.current-menu-item a{ color: rgba(255, 255, 255, 1); }


.nav-menu ul li.menu-item-has-children > ul,
.nav-menu ul li.subb > ul{ display: none; position: absolute; min-width: 180px; padding-top: 28px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.nav-menu ul li.menu-item-has-children:hover > ul,
.nav-menu ul li.subb:hover > ul{ display: block; z-index: 9; }
.nav-menu ul li.menu-item-has-children > ul li,
.nav-menu ul li.subb > ul li{ display: block; }
.nav-menu ul li.menu-item-has-children > ul li a,
.nav-menu ul li.subb > ul li a{ display: block; padding: 15px; border-bottom: 1px solid #dcdcdc; background-color: rgba(0, 0, 0, 1); }
.nav-menu ul li.menu-item-has-children > ul li:last-of-type a,
.nav-menu ul li.subb > ul li:last-of-type a{ border-bottom: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.nav-menu ul li.menu-item-has-children > ul li a:active,
.nav-menu ul li.menu-item-has-children > ul li a:hover,
.nav-menu ul li.subb > ul li a:active,
.nav-menu ul li.subb > ul li a:hover{ background-color: rgba(0, 0, 0, 0.75); }


.nav-search{ width: 250px; }

.subbhead{ display: flex; align-items: center; gap: 10px; }
.arrow-down img{ width: 8px; transform: rotate(90deg); }



.nav-contact{ position: relative; margin-left: 50px; width: 200px; text-align: right; }
.nav-contact::before{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: var(--white); width: 1px; height: 47px; }
.nav-contact a{ display: inline-flex; align-items: center; gap: 5px; font-size: var(--txt-menu); font-weight: 500; color: var(--white); }
.nav-contact a:hover{ color: var(--primary); }


.scrolDisabled{
  overflow: hidden;
  /* position: fixed; */
}



@media (max-width: 1199px){

  .nav-contact{ margin-left: 30px; width: 180px; }

}
@media (max-width: 991px){

  .nav-logo{ max-width: 40px; }
  .nav-logo::before{ height: 35px; }

  .div-nav{
    position: fixed; width: 100%; display: block;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.07);
    box-shadow: 0 2px 4px rgba(0,0,0,0.07);
    z-index: 999; padding: 10px 0; top: 0;
  }
  .div-nav.navOpen{ height: 100%; }
  .div-nav.navOpen .div-nav--container{ display: block; }

  .nav-menu{ display: none; width: 100%; }
  .nav-menu.navOpen{ display: block; width: 100%; height: 100%; margin-top: 50px; overflow-y: auto; text-align: center; }
  .nav-menu.navOpen ul{ display: block; }
  .nav-menu.navOpen ul li{ display: block; padding: 0; margin-bottom: 20px; }
  .nav-menu.navOpen ul li a{ display: inline-block; }

  .nav-menu ul li a::before{ bottom: -5px; height: 3px; }


  .nav-menu.navOpen ul li.menu-item-has-children > ul,
  .nav-menu.navOpen ul li.subb > ul{ position: relative; width: 100%; margin: 0 auto; width: 90%; padding-top: 0; margin-top: 15px; }
  .nav-menu.navOpen ul li.menu-item-has-children > ul::after,
  .nav-menu.navOpen ul li.subb > ul::after{ left: 50%; transform: translateX(-50%); }
  .nav-menu.navOpen ul li.menu-item-has-children > ul li,
  .nav-menu.navOpen ul li.subb > ul li{ margin-bottom: 0; }
  .nav-menu.navOpen ul li.menu-item-has-children > ul li a,
  .nav-menu.navOpen ul li.subb > ul li a{ border-bottom: 0; padding: 10px 0; }

  .nav-search{ width: 100%; }

  .subbhead{ justify-content: center; }


  .nav-contact{ position: absolute; top: 13px; right: 95px; width: auto; line-height: 0; }
  .nav-contact::before{ left: auto; right: -10px; height: 30px; }
  .nav-contact span{ display: none; }
  .nav-contact img{ width: 35px; }


  .content-pd{ padding-top: 57px; }
  

#nav-icon1 {
  width: 40px;
  height: 33px;
  position: fixed;
  margin: 0;
  top: 13px;
  right: 35px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 1001;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 30px;
  background: var(--white);
  border-radius: 10px;
  opacity: 1;
  right: 5px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 5px;
}

#nav-icon1 span:nth-child(2) {
  top: 15px;
}

#nav-icon1 span:nth-child(3) {
  top: 25px;
}

#nav-icon1.open span:nth-child(1) {
  top: 15px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  right: -30px;
}

#nav-icon1.open span:nth-child(3) {
  top: 15px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


}
@media (max-width: 576px){
  #nav-icon1{ right: 16px; }
  .nav-contact{ right: 75px; }
}


/**********************************************************/
/************************* footer *************************/
/**********************************************************/

.divfooter{ width: 90%; margin: 0 auto; padding: 50px 0; background-color: var(--black); }
.divfooter a:hover{ opacity: 0.8; }

.divfooter-row{ display: flex; justify-content: space-between; }

.ft-1{ padding-right: 200px; }
.ft-logo{ width: 288px; }
.ft-logotxt{ font-size: 17px; font-weight: 800; text-transform: uppercase; text-align: center; margin-top: 20px; }

.ft-sitemap{ display: flex; justify-content: space-evenly; width: calc(100% - 288px); }
.sitemap-list .ft-title{ font-family: var(--font-Inter); font-size: 13px; color: rgba(255, 255, 255, 0.65); margin-bottom: 20px; }
.sitemap-list ul li{ font-family: var(--font-Inter); font-size: 18px; line-height: 1.5; margin-bottom: 10px; position: relative; z-index: 3; }


.ft-2{ justify-content: flex-end; position: relative; margin-top: -48px; z-index: 0; }
.ft-social ul{ display: flex; gap: 20px; }
.ft-social li img{ width: 48px; }

.copyright{ background-color: var(--primary); padding: 10px 0; font-family: var(--font-Inter); font-size: 15px; line-height: 1.4; color: #1D1B1B; display: flex; align-items: center; justify-content: center; gap: 20px; }
.copyright p{ margin: 0; }


@media (max-width: 1199px){

  .ft-1{ padding-right: 0; }

  .ft-logo{ width: 200px; }
  .ft-logotxt{ font-size: 15px; }
  .ft-sitemap{ width: calc(100% - 200px); }
  .sitemap-list ul li{ font-size: 16px; }
  .ft-social li img{ width: 40px; }
  .copyright{ font-size: 12px; }

}
@media (max-width: 991px){

  /* .divfooter{ padding-top: 0; } */
  .divfooter-row{ flex-direction: column; }
  .ft-logo{ margin:  0 auto; }
  .ft-sitemap{ width: 100%; margin: 30px 0;   }
  .ft-social li img{ width: 35px; }

  .ft-2{ justify-content: center; margin-top: 0; }
  .ft-social ul{ justify-content: center; }

}
@media (max-width: 576px){

  .divfooter{ padding-bottom: 30px; }
  .ft-sitemap{ flex-direction: column; gap: 30px; }
  .sitemap-list ul li{ font-size: 15px; }
  .copyright{ font-size: 10px; }

}





/**********************************************************/
/**********************************************************/


/*
*  Owl Carousel - nav arrow
*/
.owl-carousel .owl-stage-outer{ z-index: 9; }
.owl-carousel .owl-nav{ position:absolute; width:100%; top: 50%; height: 60px; margin-top: -30px; }
.owl-carousel .owl-nav button.owl-prev{
  background: url('../images/icon/arrow-prev.svg') no-repeat 0 0; background-size: cover;
  text-indent:-9999px;
  width:14px;
  height:25px;
  left: 30px;
  position:absolute;z-index:101;
  border-radius: 0;
  padding: 0;
  margin:0;
}
.owl-carousel .owl-nav button.owl-next{
  background: url('../images/icon/arrow-next.svg') no-repeat 0 0; background-size: cover;
  text-indent:-9999px;
  width:14px;
  height:25px;
  right: 30px;
  position:absolute;z-index:101;
  border-radius: 0;
  padding: 0;
  margin:0;
}
.owl-carousel .owl-nav button.owl-prev:hover{
  background: url('../images/icon/arrow-prev.svg') no-repeat 0 0; background-size: cover;
}

.owl-carousel .owl-nav button.owl-next:hover{
  background: url('../images/icon/arrow-next.svg') no-repeat 0 0; background-size: cover;
}

/* .owl-theme .owl-nav .disabled{ display: none; } */

.owl-carousel.off {
  display: block;
}

.owl-theme .owl-dots{ position: absolute; width: 100%; bottom: 10px; z-index: 9; }
.owl-theme .owl-nav.disabled + .owl-dots{ margin-top: 20px; }
.owl-theme .owl-dots .owl-dot span{ background: transparent; width: 12px; height: 12px; border-radius: 50%; border: 1px solid var(--white); }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background: var(--white); }



/* slide--news */
.slide--news .owl-carousel .owl-nav{ position: relative; width: 130px; top: auto; margin-top: 30px; }
.slide--news .owl-carousel .owl-nav button.owl-prev{ 
  background: url('../images/icon/arrow-prev2.svg') no-repeat 0 0; background-size: cover; 
  width:60px; height:60px; left: 0;
}
.slide--news .owl-carousel .owl-nav button.owl-next{ 
  background: url('../images/icon/arrow-next2.svg') no-repeat 0 0; background-size: cover; 
  width:60px; height:60px; right: 0;
}
.slide--news .owl-carousel .owl-nav button.owl-prev:hover{
  background: url('../images/icon/arrow-prev2.svg') no-repeat 0 0; background-size: cover;
}
.slide--news .owl-carousel .owl-nav button.owl-next:hover{
  background: url('../images/icon/arrow-next2.svg') no-repeat 0 0; background-size: cover;
}

@media (max-width: 767px){

  .slide--news .owl-carousel .owl-nav{ width: 110px; height: 50px; }
  .slide--news .owl-carousel .owl-nav button.owl-prev,
  .slide--news .owl-carousel .owl-nav button.owl-next{ width: 50px; height: 50px; }

}
 
 
.slide--production .owl-theme .owl-dots,
.slide--production2 .owl-theme .owl-dots{ position: relative; bottom: auto; margin-top: 30px; }


/**********************************************************/
/**********************************************************/

.page-section{ padding: 80px 0; }
.page-top{ padding-top: 80px; }
.page-bottom{ padding-bottom: 80px; }
.page-radius-bottom{border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }
.page-radius-top{ border-top-left-radius: 30px; border-top-right-radius: 30px; }
.page-radius{ border-radius: 30px; }

@media (max-width: 991px){

  .page-section{ padding: 50px 0; }

}

.div-title h1,
.div-title h2{ font-size: var(--head-h2); font-weight: 600; margin-bottom: 30px; text-transform: uppercase; }

.divtitle{ font-size: var(--head-h1); line-height: 1.3; font-weight: 600; text-transform: uppercase; margin-bottom: 30px; }
.divintro{ max-width: 900px; width: 90%; margin: 0 auto 50px; text-align: center; }
.divintro p{ font-family: var(--font-Inter); font-size: 20px; }



.bgCover{ background-repeat: no-repeat; background-position: center; background-size: cover; }

.bg-yellow{ background-image: url('../images/bg-yellow.jpg'); }
.bg-black{ background-image: url('../images/bg-black.jpg'); }
.bg-white{ background-image: url('../images/bg-white.jpg'); }

.bg-000{ background-color: var(--black); }
.bg-fff{ background-color: var(--white); }

.txt-000{ color: var(--black); }


.imgcover img, 
.imgcover video{ object-fit: cover; object-position: center; width: 100%; height: 100%; }



/**********************************************************/
/************************ home ****************************/

.home-section-top{ background-image: url('../images/bg-yellow.jpg'); width: 100%; height: 615px; }

.logo--center{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.logo--center img{ width: 600px; }


@media (max-width: 991px){

  .logo--center img{ width: 450px; }

}
@media (max-width: 576px){

  .home-section-top{ height: 400px; }
  .logo--center img{ width: 300px; }

}


.box-intro{ font-size: 44px; line-height: 1.4; font-weight: 500; text-align: center; padding: 20px 0; background-color: var(--black); text-transform: uppercase; }

@media (max-width: 1199px){

  .box-intro{ font-size: 38px; }

}
@media (max-width: 991px){

  .box-intro{ font-size: 30px; }

}
@media (max-width: 767px){

  .box-intro{ font-size: 25px; }

}
@media (max-width: 576px){

  .box-intro{ font-size: 18px; }

}


.home-section-clients{ padding-top: 50px; }
.img-clients img{ width: 100%; }

.home-section-proposal{ display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; padding: 50px 0; }
.home-proposal--text,
.home-proposal--vdo{ width: 50%; }
.home-proposal--text p{ font-size: var(--txt-20); max-width: 600px; width: 80%; }
.home-proposal--vdo img, .home-proposal--vdo video{ border-radius: 30px; }


@media (max-width: 767px){

  .home-section-clients, .home-section-proposal{ padding-top: 30px; }

  .home-proposal--text,
  .home-proposal--vdo{ width: 100%; }
  .home-proposal--text{ margin-bottom: 30px; }
  .home-proposal--text p{ width: 100%; }

}




.home-bg-ourwork{ padding: 50px 0 80px; }
.home-ourwork{ width: 90%; margin: 0 auto; }

.ourwork-showcase{ display: flex; flex-flow: row wrap; gap: 10px; }
.ourwork-showcase--col{ width: calc(50% - 5px); display: flex; flex-flow: row wrap; gap: 10px; }
.ourwork-showcase img{ border-radius: 25px; }

.showcase-100{ width: calc(100% - 5px); position: relative; }
.showcase-50{ width: calc(50% - 5px); position: relative; }


.img-ourwork{ position: relative; overflow: hidden; }
.img-ourwork::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 80%; background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(93, 93, 93, 0.485049) 35.85%, rgba(0, 0, 0, 0.7) 74.85%); border-radius: 25px; }
a:hover .img-ourwork::after{ display: none; }

.ourwork--title{ display: flex; align-items: center; justify-content: space-between; font-size: 28px; line-height: 1.4; font-weight: 700; text-transform: uppercase; position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px; z-index: 8; }
.ourwork--title img{ width: 13px; border-radius: 0; }



/* .showcase--h50 > div{ height: 50%; } */

.showcase--h50{ height: 535px; }


@media (max-width: 1999px){

  .showcase--h50{ height: 400px; }

}
@media (max-width: 1599px){

  .showcase--h50{ height: 300px; }

  .ourwork--title{ font-size: 20px; padding: 20px; }
  .ourwork--title img{ width: 11px; }

}
@media (max-width: 1199px){

  .showcase--h50{ height: 210px; }
  .ourwork-showcase img,
  .img-ourwork::after{ border-radius: 20px; }
  .ourwork--title{ font-size: 16px; padding: 15px; }

}
@media (max-width: 1180px){

  .showcase--h50{ height: 245px; }

}
@media (max-width: 1024px){

  .showcase--h50{ height: 214px; }

}
@media (max-width: 991px){

  .showcase--h50{ height: 168px; }
  .ourwork-showcase img,
  .img-ourwork::after{ border-radius: 15px; }
  .ourwork--title{ font-size: 14px; }
  .ourwork--title img{ width: 9px; }

}
@media (max-width: 767px){

  .showcase--h50{ height: 145px; }
  .ourwork-showcase img,
  .img-ourwork::after{ border-radius: 10px; }
  .ourwork--title{ font-size: 12px; padding: 10px; }
  .ourwork--title img{ width: 7px; }

}
@media (max-width: 576px){

  .ourwork-showcase--col{ width: 100%; }

}


.div-header{ display: flex; justify-content: space-between; margin-bottom: 30px; }
.div-header h3{ font-size: 26px; line-height: 1.4; font-weight: 500; }
.div-header .h-link a{ font-size: 20px; line-height: 1.4; }
.div-header .h-link a:hover{ opacity: 0.8; }



.home-bg-news{ background-color: var(--black); padding: 50px 0; margin-top: -30px; }

.news_content--container{ margin-bottom: 80px; }
.carditem--news-img{ position: relative; margin-bottom: 20px; }
.carditem--news-img img{ border-radius: 30px; }
.carditem--news-detail .title{ font-family: var(--font-Inter); font-size: 26px; line-height: 1.4; font-weight: 500; }
.carditem--news-detail p{ font-family: var(--font-Inter); font-size: 16px; line-height: 1.4; }
.carditem--news-detail .daydate{ font-family: var(--font-Inter); font-size: 17px; line-height: 1.4; }
.carditem--news-detail a:hover{ opacity: 0.8; }

.slide--news .owl-carousel .owl-item:nth-child(even) .carditem--news-img{ margin-top: 50px; }


.img-bar{ height: 140px; }
.img-bar img{ border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }


@media (max-width: 1199px){

  .div-header h3,
  .carditem--news-detail .title{ font-size: 20px; }
  .div-header .h-link{ font-size: 18px; }

}
@media (max-width: 991px){

  .home-bg-news{ padding-bottom: 0; }
  .img-bar{ height: 100px; }

}
@media (max-width: 767px){

  .slide--news .owl-carousel .owl-item:nth-child(even) .carditem--news-img{ margin-top: 0; }

}
@media (max-width: 576px){

  .div-header .h-link{ font-size: 16px; }
  .carditem--news-detail p{ font-size: 15px; }
  .carditem--news-detail .daydate{ font-size: 16px; }

}




/**********************************************************/
/**********************************************************/

.sectoin--contact{ padding: 80px 0; }

.divContact{ background-color: #D9D9D9; border-radius: 30px; padding: 100px 50px; display: flex; justify-content: center; align-items: center; color: var(--black); flex-flow: row wrap; }
.contact--map{ width: 55%; padding-right: 50px; }
.contact--detail{ width: 45%; display: flex; align-items: center; flex-flow: row wrap; }

.contact--address{ width: calc(100% - 180px); padding-right: 30px; }
.contact--address h1.title{ font-size: 36px; }
.contact--address .title{ font-size: 16px; line-height: 1.4; font-weight: 700; margin-bottom: 5px; }
.contact--address p{ margin-bottom: 20px; }
.get_direction a{ display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.contact--qrcode{ width: 180px; }


@media (max-width: 1199px){

  .contact--address h1.title{ font-size: 30px; }
  .contact--address{ width: calc(100% - 150px); padding-right: 20px; }
  .contact--qrcode{ width: 150px; }

}

@media (max-width: 991px){

  .divContact{ padding: 50px; }
  .contact--map{ width: 100%; padding-right: 0; margin-bottom: 30px; }
  .contact--detail{ width: 100%; }

}
@media (max-width: 767px){

  .contact--address{ width: calc(100% - 150px); }
  .contact--qrcode{ width: 150px; }

}
@media (max-width: 576px){

  .divContact{ padding: 50px 30px; }
  .contact--address{ width: 100%; padding-right: 0; }
  .contact--qrcode{ margin: 0 auto; }

}



/**********************************************************/
/**********************************************************/

.section--event{ padding: 80px 0 50px; }

.nav--events{ background-color: var(--black); border-radius: 10px; max-width: 1040px; width: 95%; padding: 20px; margin: 0 auto; }
.nav--events ul{ display: flex; align-items: center; justify-content: center; gap: 15px 30px; flex-flow: row wrap; }
.nav--events a{ font-family: var(--font-Inter); font-size: 16px; text-transform: uppercase; }
.nav--events a:hover{ opacity: 0.8; }

.nav--events .select{ display: none; }
select.select {
  outline: none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
  background: none;
  background-color: var(--black);
  background-image: url(../images/icon/arrow-down.svg); 
  background-repeat: no-repeat;
  background-position: right .75rem center;
  /* background: var(--white) url(../images/icon/icn-select.svg) right .75rem center/8px 10px no-repeat; */
  font-family: var(--font-Inter); font-size: 16px; text-transform: uppercase; font-weight: 600; color: var(--white);
  height: calc(2rem + 2px); width: 100%; padding-left: .75rem;
  border-radius: 10px; border: 0;
}
select.select:focus{ box-shadow: none; }

@media (max-width: 991px){

  .nav--events{ max-width: 220px; border-radius: 3px; padding: 10px; }
  .nav--events .navul{ display: none; }
  .nav--events .select{ display: block; }

}


.events--list{ display: flex; flex-flow: row wrap; gap: 16px; }
.box--events{ position: relative; width: 100%; z-index: 9; }
.box--events.box50{ width: calc(50% - 8px); }
.box--events .events--logo{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 300px; height: 30%; text-align: center; z-index: 7; display: flex; align-items: center; justify-content: center; }
.box--events .events--logo img{ max-width: 100%; height: auto; max-height: 100%; }
.box--events .events--img{ height: 570px; }


.events--img-intro{ line-height: 0; }
.events--img-intro img{ width: 100%; }


.bgoverlay::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); background: linear-gradient(180deg, rgba(217, 217, 217, 0) 22.85%, #000000 97.85%);
}

.overlay-bottom{ padding-bottom: 300px; }
.overlay-bottom::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 300px; background: linear-gradient(180deg, rgba(217, 217, 217, 0) 22.85%, #000000 97.85%); }


.imgblur{ backdrop-filter: blur(5px) }

.container--events2{ padding-bottom: 80px;}
.events2--title{ padding: 50px 30px; }
.events2--title .title,
.events2--title .right_title{ font-size: 50px; line-height: 1.3; font-weight: 500; text-transform: uppercase; }
.events2--title .title-intro{ font-size: 40px; line-height: 1.3; font-weight: 500; text-transform: uppercase; margin-top: 50px; }

.box--flex{ display: flex; justify-content: space-between; }



.production--detail{ position: relative; }
.production--vdo{ position: relative; line-height: 0; }
.production--vdo::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; background: linear-gradient(180deg, rgba(217, 217, 217, 0) 22.85%, rgba(0, 0, 0, 0.8) 97.85%); z-index: 7; }
.icon--play{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 8; }
.icon--play img{ width: 90px !important; cursor: pointer; transition: all 0.3s ease; }
.boxvdo:hover .icon--play img{ transform: scale(1.1); transition: all 0.3s ease; }
.production--img{ line-height: 0; }

.production--vdo.play::before{ display: none; }
video{ max-width: 100%; height: auto; }


@media (max-width: 1599px){

  .box--events .events--img{ height: 500px; }

  .events2--title .title,
  .events2--title .right_title{ font-size: 40px; }
  .events2--title .title-intro{ font-size: 32px; }

}
@media (max-width: 1199px){

  .overlay-bottom{ padding-bottom: 100px; }
  .overlay-bottom::after{ height: 200px; }

  .box--events .events--img{ height: 400px; }

  .container--events2{ padding-left: 50px; padding-right: 50px; }
  .events2--title{ padding: 40px 30px; }
  .events2--title .title,
  .events2--title .right_title{ font-size: 36px; }
  .events2--title .title-intro{ font-size: 30px; }

  .icon--play img{ width: 80px !important; }

}
@media (max-width: 991px){

  .section--event{ padding: 50px 0; }
  .box--events .events--img{ height: 300px; }

  .events2--title .title,
  .events2--title .right_title{ font-size: 26px; }
  .events2--title .title-intro{ font-size: 20px; }

  .icon--play img{ width: 70px !important; }

}
@media (max-width: 767px){

  .container--events2{ padding-left: 0; padding-right: 0; }

}
@media (max-width: 576px){

  .box--events.box50{ width: 100%; }
  .box--events .events--img{ height: 200px; }

  .events2--title{ padding: 30px 20px; }
  .events2--title .title,
  .events2--title .right_title{ font-size: 22px; }
  .events2--title .title-intro{ font-size: 16px; margin-top: 30px; }

  .icon--play img{ width: 50px !important; }

}



/*  */

.section--influencers{ padding: 80px 0; }
.div-influencers--container{ background-color: rgba(0, 0, 0, 0.85); padding: 50px 80px; }
.influencers--list{ display: flex; flex-flow: row wrap; margin-left: -10px; margin-right: -10px; }
.influencers--img{ width: 20%; padding: 10px; }
.influencers--img img{ border-radius: 10px; }


@media (max-width: 1199px){

  .div-influencers--container{ padding: 50px; }
  .influencers--img{ width: 25%; }

}
@media (max-width: 991px){

  .section--influencers{ padding: 50px 0; }
  .influencers--img{ width: 33.33333%; }

}
@media (max-width: 1199px){

  .div-influencers--container{ padding: 30px; }
  .influencers--img{ width: 50%; }

}


/**********************************************************/
/**********************************************************/


.divnews--row{ margin-left: -15px; margin-right: -15px; }
.divnews--col{
  position: relative; padding-left: 15px; padding-right: 15px; margin-bottom: 40px;
  width: 100%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.divnews--row .divnews--col:nth-child(3n+2) .carditem--news{ padding-top: 50px; }


@media (max-width: 991px){

  .divnews--col{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .divnews--row .divnews--col:nth-child(3n+2) .carditem--news{ padding-top: 0; }

}
@media (max-width: 576px){

  .divnews--col{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

}


.page-article{ padding-top: 50px; }
.news--article{ background-color: var(--white); color: var(--black); max-width: 960px; margin: 0 auto; }
.news--article figure img{ width: 100%; }
.news--article article{ max-width: 880px; width: 80%; margin: 0 auto; padding: 30px 0 50px; }
.news--article h1{ font-size: 32px; line-height: 1.4; font-weight: 600; margin-bottom: 40px; }
.news--article h2{ font-size: 32px; line-height: 1.4; font-weight: 400; margin-bottom: 40px; }
.news--article p{ font-size: 16px; line-height: 2; font-weight: 400; }
.news--article p a{ text-decoration: underline; }

.news--tag{ display: flex; justify-content: center; gap: 20px; flex-flow: row wrap; border-top: 1px solid #D9D9D9; margin-top: 100px; padding-top: 50px; max-width: 700px; margin-left: auto; margin-right: auto; }
.news--tag a{ font-size: 16px; line-height: 2; font-weight: 500; }
.news--tag a:hover{ text-decoration: underline; }

.boxvdo{ position: relative; }
.news--vdo{ max-width: 550px; margin: 0 auto; }
.boxvdo--title{ font-size: 32px; line-height: 1.2; font-weight: 600; text-align: center; color: var(--black); margin-top: 30px; padding: 0 20px; }


@media (max-width: 1599px){

  .boxvdo--title{ font-size: 30px; }

}
@media (max-width: 1199px){

  /* .news--article article{ padding: 80px 0; } */

  .boxvdo--title{ font-size: 24px; }

}
@media (max-width: 576px){

  .page-article{ padding-top: 30px; }
  .news--article article{ width: 90%; }

  .news--article h1{ font-size: 26px; }

  .boxvdo--title{ font-size: 22px; margin-top: 20px; }

}

/**********************************************************/
/************************* about **************************/

.about--article{ background-color: var(--black); padding: 80px 0; }
.about--container{ width: 90%; margin: 0 auto; overflow: hidden; }

.divabout{ margin-bottom: 80px; position: relative; }


.about-title{ font-size: 118px; line-height: 0.9; font-weight: 500; color: var(--primary); text-transform: uppercase; margin-bottom: 30px; position: relative; }
.about-box{ display: flex; flex-direction: column; margin-bottom: 50px; }
.about-box p{ position: relative; display: block; font-family: var(--font-Inter); font-size: 30px; line-height: 1.3; width: 65%; }
.about-box.boxend p{ text-indent: 160px;	}

.boxend{ align-items: flex-end; }


.title-service{ text-align: center; }
.a_about, .a_service, .a_why{ position: absolute; font-size: 13px; line-height: 1.4; font-weight: 500; text-transform: uppercase; color: var(--primary); }

.a_about{ left: -100px; }
.a_service{ bottom: 5px; }
.a_why{ left: 45%; top: 60px; }


.about--service{ display: flex; flex-flow: row wrap; justify-content: center; gap: 15px; }
.about--service-card{ width: 32%; border: 2px solid var(--white); display: flex; flex-direction: column; }

.card_sv-img{ display: flex; align-items: center; justify-content: center; height: 300px; }
.card_sv-img img{ max-height: 200px; }
.card_sv-body{ flex: 1 1 auto; padding: 15px; }
.card_sv-title{ font-family: var(--font-Inter); font-size: 20px; line-height: 1.2; font-weight: 500; margin-bottom: 15px; text-transform: uppercase; display: flex; gap: 5px; }
.card_sv-title span{ font-size: 14px; line-height: 1; color: rgba(220, 220, 220, 0.66); margin-top: -2px; }

/* .card_sv-body p{ text-align: justify; text-align-last: justify; } */



.about-boxcontact{ text-align: center; }
.about-title2{ font-size: 58px; font-weight: 500; color: var(--primary); text-transform: uppercase; margin-bottom: 30px; }
.about-boxcontact p{ font-family: var(--font-Inter); font-size: 18px; line-height: 1.6; max-width: 800px; margin: 0 auto; margin-bottom: 30px; }
.btn--get{ display: inline-block; background-color: var(--primary); border: 1px solid var(--primary); border-radius: 2px; font-family: var(--font-Inter); font-size: 19px; color: var(--white); padding: 15px 20px; }
.btn--get:hover{ background-color: var(--black); }




@media (max-width: 1599px){

  .about-title{ font-size: 90px; }
  .about-box p{ font-size: 24px; }
  .about-box.boxend p{ text-indent: 120px;	}

  .a_about{ left: -70px; }
  .a_why{ left: 40%; top: 30px; }

}
@media (max-width: 1199px){

  .about-title{ font-size: 80px; }
  .about-box p{ font-size: 22px; }
  .about-title2{ font-size: 50px; }

  .card_sv-img{ height: 200px; }
  .card_sv-img img{ max-height: 150px; }

  .a_why{ left: 45%; }

}
@media (max-width: 991px){

  .about--article{ padding-bottom: 50px; }
  .about-title{ font-size: 70px; }
  .about-box p{ font-size: 20px; width: 75%; }
  .about-boxcontact p, .btn--get{ font-size: 16px; }

  .about--service-card{ width: 48%; }

  .a_about, .a_service, .a_why{ font-size: 12px; }
  .a_service{ bottom: 2px;}
  .a_why{ left: 50%; top: 20px; }

}
@media (max-width: 767px){

  .about--article{ padding-bottom: 20px; }
  .about-title{ font-size: 60px; }
  .about-title2{ font-size: 40px; }
  .about-box.boxend p{ text-indent: 60px;	}

  .about--service-card{ width: 100%; }
  .card_sv-img{ height: 150px; }
  .card_sv-img img{ max-height: 100px; }
  .card_sv-title{ font-size: 18px; }

  .a_about, .a_service, .a_why{ font-size: 10px; }
  .a_about{ left: -50px; }
  .a_why{ left: 55%; top: 10px; }

}
@media (max-width: 576px){

  .about-title{ font-size: 46px; }
  .about-title2{ font-size: 30px; }
  .about-box{ margin-bottom: 30px; }
  .about-box p{ font-size: 18px; width: 100%; }
  .title-service{ text-align: left; }

}



/**********************************************************/
/**********************************************************/

.div-page--container{ max-width: 1640px; width: 90%; margin: 0 auto; }
.div-page--article{ background-color: var(--white); color: var(--black); border-radius: 30px; padding: 100px 80px; }
.div-page--article h1{ font-size: 70px; font-weight: 600; text-transform: uppercase; text-align: center;margin-bottom: 20px; }
.div-page--article p, .div-page--article li{ font-size: 21px; line-height: 1.4; }
.div-page--article ul, .div-page--article ol{ margin-left: 20px; margin-bottom: 30px; }
.div-page--article ul:last-child, .div-page--article ol:last-child{ margin-bottom: 0; }
.div-page--article ul{ list-style: disc; }
.div-page--article ol{ list-style: decimal; }

.div-page--article .subtitle{font-size: 24px; line-height: 1.5; text-align: center; margin-bottom: 40px; }


@media (max-width: 1599px){

  .div-page--article h1{ font-size: 60px; }
  .div-page--article .subtitle{ font-size: 22px; }
  .div-page--article p, .div-page--article li{ font-size: 18px; }

}
@media (max-width: 1199px){

  .div-page--article{ padding: 60px; }
  .div-page--article h1{ font-size: 50px; }
  .div-page--article .subtitle{ font-size: 20px; }

}
@media (max-width: 991px){

  .div-page--article{ padding: 50px; }
  .div-page--article h1{ font-size: 40px; }

}
@media (max-width: 576px){

  .div-page--article{ padding: 50px 20px; border-radius: 20px; }
  .div-page--article h1{ font-size: 30px; }
  .div-page--article .subtitle{ font-size: 18px; }
  .div-page--article p, .div-page--article li{ font-size: 16px; }

}

/**********************************************************/
/**********************************************************/

.installation--detail{ position: relative; }
.installation--detail figure{ margin-bottom: 10px; line-height: 0; }

.installation-row{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin-left: -5px; margin-right: -5px;
}
.installation-col{
  position: relative;
  width: 100%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding-left: 5px; padding-right: 5px;
}

@media (max-width: 991px){

  .installation--detail figure{ margin-bottom: 6px; }
  .installation-row{ margin-left: -3px; margin-right: -3px; }
  .installation-col{ padding-left: 3px; padding-right: 3px; }

}
@media (max-width: 576px){

  .installation-col{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

}

.mfp-iframe-holder .mfp-content{ max-width: 1200px; }
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: default;
}
.mfp-close {
    cursor: pointer !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 16px !important;
    margin-top: 10px;
}


.events--commingsoon{ position: absolute; width: 90%; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; z-index: 7; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--white); }
.events--commingsoon .commingsoon--logo{ max-width: 300px; height: 30%; }
.events--commingsoon .commingsoon--logo img{ max-width: 100%; height: auto; max-height: 100%; }
.events--commingsoon .commingsoon--title{ font-size: 70px; font-weight: 600; text-transform: uppercase; margin: 20px 0; }
.events--commingsoon .commingsoon--text{ font-size: 16px; font-weight: 500; }

@media (max-width: 1599px){

  .events--commingsoon .commingsoon--title{ font-size: 60px; }

}
@media (max-width: 1199px){

  .events--commingsoon .commingsoon--title{ font-size: 50px; }
  .events--commingsoon .commingsoon--logo{ max-width: 200px; }

}
@media (max-width: 991px){

  .events--commingsoon .commingsoon--title{ font-size: 40px; margin: 10px 0; }
  .events--commingsoon .commingsoon--logo{ max-width: 120px; }

}
@media (max-width: 576px){

  .events--commingsoon .commingsoon--title{ font-size: 24px; }
  .events--commingsoon .commingsoon--logo{ max-width: 80px; }

}

.page-bottom-30{
  padding-bottom: 30px;;
}


body.page-template-our-work-gwp .events2--title{ padding-top: 0; }


body.page-template-our-work .home-bg-ourwork{ padding-top: 80px; }
body.page-template-our-work .div-title h2{ font-size: var(--head-h1); line-height: 1.3; font-weight: 600; text-transform: uppercase; margin-bottom: 35px; }

@media (max-width: 991px){

  body.page-template-our-work .home-bg-ourwork{ padding-top: 50px; }

}

/**********************************************************/
/**********************************************************/

.pageNumber {
  width: 100%;
  text-align: center;
}
.pageNumber .nav-links a.page-numbers, .pageNumber .nav-links span{
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 16px; font-weight: 500; color: var(--black);
  width: 50px; height: 50px;
  margin: 0 5px;
  background-color: var(--primary);
  text-align: center;
  border-radius: 50%;
}
.pageNumber .nav-links a.page-numbers:hover,
.pageNumber .nav-links a.page-numbers.current,
.pageNumber .nav-links span.current {
  border-color: var(--white); background-color: var(--white);
}

.pageNumber .nav-links a.next, 
.pageNumber .nav-links a.prev{ background-color: var(--primary); }


@media (max-width: 576px){

  .pageNumber .nav-links a.page-numbers, .pageNumber .nav-links span{ font-size: 14px; width: 40px; height: 40px; margin: 0 3px; }

}