/* CSS Document */

/*@import url("fonts.css");*/
/*@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');*/



/* 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; }

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}


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

body{ 
  background-color:#fff; 
}
body{ font-family: 'Prompt', sans-serif; font-size:100%; font-weight:300; color:#7491b0; text-decoration:none; }
img {
  border:0px;
}
.img-responsive { display: block; height: auto; max-width: 100%; }

a,
a:hover{
  text-decoration:none;
  color: #333;
  outline:0;
}
a:focus {
  text-decoration:none;
  outline:0;
}

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




@media (min-width: 1300px) {
 .container {
    max-width: 1280px;
  }  
  .div-bgcover.bg-6 .container {
    max-width: 1205px;
  }
}


section{ position: relative; }

.div-bgcover{
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
}

.div-container{ max-width: 1600px; width: 90%; margin: 0 auto; }
.div-container--full{ width: 100%; }
.div-container--inside{ max-width: 1400px; width: 90%; margin: 0 auto; }



.gogoj-row{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.gogoj-col--25{
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.gogoj-col--30{
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}
.gogoj-col--40{
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
}
.gogoj-col--45{
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;
}
.gogoj-col--50{
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.gogoj-col--55{
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 55%;
}
.gogoj-col--60{
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}
.gogoj-col--70{
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  max-width: 70%;
}
.gogoj-col--75{
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}


@media (max-width: 991px){

  .gogoj-col--25, .gogoj-col--30, .gogoj-col--40, .gogoj-col--50, .gogoj-col--60, .gogoj-col--70, .gogoj-col--75{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

}



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

h1{ font-size: 48px; line-height: 58px; font-weight: 500; }
h2{ font-size: 50px; line-height: 60px; font-weight: 500; }
h3{ font-size: 40px; line-height: 50px; font-weight: 500; }
h4{ font-size: 25px; line-height: 35px; font-weight: 500; }
p{ font-size: 20px; line-height: 30px; }
ul li{}


.txt-fff{ color: #fff; }
.txt-3e3873{ color: #3e3873; }

.txt-header{ text-align: center; position: relative; padding-bottom: 40px; }

.box-bg{ padding: 100px 0; }

.bg-f1f4f7{ background-color: #f1f4f7; }

.bg-1{ background-image: url('../images/bg-1.jpg'); height: 100vh; }
.bg-2{ background-image: url('../images/bg-2.jpg'); }
.bg-3{ background-image: url('../images/bg-3.jpg'); }
.bg-4{ background-image: url('../images/bg-4.jpg'); }
.bg-5{ background-image: url('../images/bg-5.jpg'); }
.bg-6{ background-image: url('../images/bg-6.jpg'); background-position: left top; }


.div-bgcover--bar{
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 600px;
  position: relative;
}

.bg-barContact{ background-image: url('../images/bar-contact.jpg'); }
.bg-barAbout{ background-image: url('../images/bar-about.jpg'); }
.bg-barNews{ background-image: url('../images/bar-news.jpg'); }





.nav--textbar{ position: absolute; width: 90%; top: 50%; left: 50%; transform: translateX(-50%); text-align: center; }
.nav--textbar h2{ color: #fff; padding-bottom: 50px; }
ul.nav--breadcrumb li{ position: relative; font-size: 20px; line-height: 30px; font-weight: 300; color: #eeeeef; display: inline-block; padding-right: 40px; }
ul.nav--breadcrumb li a{ color: #fff; }
ul.nav--breadcrumb li a:hover{ color: #eeeeef; }
ul.nav--breadcrumb li:after{ content: ""; position: absolute; top: 12px; right: 7px; background-image: url('../images/arrow-right.png'); width: 19px; height: 9px; }
ul.nav--breadcrumb li:last-of-type{ padding-right: 0; }
ul.nav--breadcrumb li:last-of-type:after{ display: none; }




@media (max-width: 1440px){

  h1{ font-size: 40px; line-height: 50px; }
  h2{ font-size: 42px; line-height: 52px; }
  h3{ font-size: 34px; line-height: 44px; }
  p{ font-size: 18px; line-height: 28px; }

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

  .box-bg{ padding: 80px 0; }
  .div-bgcover--bar{ height: 400px; }

  .nav--textbar{ transform: translate(-50%,-50%); }

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

  .box-bg{ padding: 50px 0; }
  h2{ font-size: 34px; line-height: 44px; }
  h3{ font-size: 30px; line-height: 40px; }
  .div-bgcover--bar{ height: 350px; }

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

  h1{ font-size: 30px; line-height: 40px; }
  h3{ font-size: 24px !important; line-height: 34px !important; }
  h4{ font-size: 22px !important; line-height: 32px !important; }
  p{ font-size: 16px !important; line-height: 26px !important; }

  .div-bgcover--bar{ height: 250px; }
  .nav--textbar h2{ padding-bottom: 30px; }

  ul.nav--breadcrumb li{ font-size: 16px; line-height: 26px; }
  ul.nav--breadcrumb li:after{ top: 9px; }

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

  .div-bgcover--bar{ height: 200px; }
  .nav--textbar h2{ padding-bottom: 20px; }

}




/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #7491b0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  /*overflow: hidden;*/
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #3e3873;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before, .actived.hvr-underline-from-left:before,
.nav-menu ul li.menu-item-has-children:hover a.has-children:before {
  right: 0;
}



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

.div-nav{ background-color: rgba(247,247,247,0.9); position: fixed; top: 0; width: 100%; z-index: 999; }
.navMenu{ max-width: 1760px; width: 95%; margin: 0 auto; position: relative; }
.div-logo{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.div-logo img{ width: 180px; }
.nav-menu{ text-align: center; }
.nav-menu ul{ display: inline-block; }
.nav-menu ul li{ padding: 40px 15px; float: left; }
.nav-menu ul li a{ font-size: 16px;  color: #3e3873; padding-bottom: 4px; }
/*.nav-menu ul li a:hover, .nav-menu ul li a.actived{ border-bottom: 3px solid #3e3873; }*/


.nav-menu ul li.menu-item-has-children{ text-align: left; padding-right: 20px; }
.nav-menu ul li.menu-item-has-children a{ display: block; position: relative; }
.nav-menu ul li.menu-item-has-children > a:after {
  content: "";
  position: absolute;
  background-image: url('../images/icn-arrow-down.png');
  background-repeat: no-repeat;
  width: 16px; height: 9px;
  top: 3px;
  right: -20px;
}
.nav-menu ul li > ul.sub-menu{
  position: absolute;
  width: auto;
  background-color: #eee;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.8s ease;
  /*background-color: rgba(252,134,29,0.3);*/
  background-color: #fff;
  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.5);
  margin-top: 10px;
  padding: 10px;
}
.nav-menu ul li > ul.sub-menu li{
  float: none;
  display: block;
  padding: 10px 30px;
  position : relative;
}
.nav-menu ul li > ul.sub-menu li a{
  display: inline-block;
}
.nav-menu ul li:hover > ul.sub-menu{
  opacity: 1;
  visibility: visible;
  z-index: 35;
  transition: all 0.8s ease;
}



.nav-flag{ overflow: hidden; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.nav-flag ul li{ float: left; padding-left: 5px; }
.nav-flag ul li img{ height: 18px; }
.nav-flag ul li a{ display: block; opacity: 0.3 }
.nav-flag ul li a.actived, .nav-flag ul li a:hover{ opacity: 1; border:0; }
.nav-flag--mobile{ display: none; }


.show-navPc{ display: block; }
.show-navMobile{ display: none; }
.scrolDisabled{
  overflow: hidden;
  position: fixed;
}



@media (max-width: 1440px){

  .div-logo img{ width: 150px; height: 50px;}
  .nav-menu ul li{ padding: 30px 10px; }
  .nav-menu ul li a{ font-size: 15px; }

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

  .div-nav.fixedtop{ padding: 15px 0; }
  .nav-menu ul li{ padding: 20px 10px; }
  .nav-flag ul li img{ height: 16px; }


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

  .div-nav{
    border-bottom: 1px solid #E6E6E6;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.07);
    box-shadow: 0 2px 4px rgba(0,0,0,0.07);
    background-color: #fff;
    padding: 10px 0; position: fixed; top: 0;
  }
  .div-logo{ position: relative; top: auto; transform: translateY(0); }
  .div-logo img{ width: 100px; height: 33.33px; }
  .nav-menu{ display: none; } 
  .nav-menu.navOpen{ display: block; float: none; margin-top: 60px; text-align: center; width: 100%; height: 100vh; }
  .nav-menu.navOpen ul li{ padding: 10px 5px; float: none; }
  .nav-menu.navOpen ul li a{ font-size: 16px; color: #243c97; }


  .nav-menu ul li ul.sub-menu{
    position: relative;
    display: none;
    background-color: transparent;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    border:1px solid #333;
  }
  .nav-menu ul.sub-menu.showsub{
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 5;
  }


  .nav-flag{ 
    /*display: none; */
    right: 50px;
  }
  .nav-flag--mobile{ display: block; }
  .nav-flag--mobile a{ display: inline-block; opacity: 0.3; }
  .nav-flag--mobile a.actived, .nav-flag--mobile a:hover{ opacity: 1; border:0!important; }
  .nav-flag--mobile img{ height: 18px; }


#nav-icon1 {
  width: 30px;
  height: 25px;
  position: fixed;
  margin: 0;
  top: 15px;
  right: 15px;
  -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: 3px;
  width: 100%;
  background: #243c97;
  border-radius: 10px;
  opacity: 1;
  left: 0;
  -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: 0px;
}

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

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

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

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

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



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

  .show-navPc{ display: none; }
  .show-navMobile{ display: block; }
}


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



.footer{ position: relative; background-color: #3e3873; width: 100%; padding: 40px 0; text-align: center; overflow: hidden; }
.footer-left{ float: left; width: 200px; }
.footer-right{ float: left; width: calc(100% - 200px); }
.logo-footer{ width: 150px; }
.nav-footer{ padding-top: 0px; }
.nav-footer ul li{ display: inline-block; padding-right: 20px; }
.nav-footer ul li:last-child{ padding-right: 0; }
.nav-footer ul li a{ font-size: 16px; line-height: 20px; color: #fff; }
.footer a:hover{ color: #7491b0; text-decoration: underline; }
.copyright{ font-size: 14px; color: #fff; }

.div-gotop{
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translateY(-50%);
}
.div-gotop img{ width: 60px; }


.nav-footer--suggestion{ overflow: hidden; margin: 30px 0; text-align: left; padding-left: 25px; }
.nav-footer--suggestion ul{ float: left; }
.nav-footer--suggestion ul:nth-child(1){ width: 100px; }
.nav-footer--suggestion ul:nth-child(2){ width: 230px; }
.nav-footer--suggestion ul:nth-child(3){ width: 320px; }
.nav-footer--suggestion ul:nth-child(4){ width: 370px; }

.nav-footer--suggestion ul li{ margin: 10px; }
.nav-footer--suggestion ul li a{ font-size: 16px; color: #fff; text-align: left; }
.nav-footer--suggestion ul li a span{ font-size: 14px; padding-left: 10px; position: relative; }
.nav-footer--suggestion ul li a span::before{ content: '- '; position: absolute; left: 0; top: 3px; } 


@media (max-width: 1440px){

  .div-gotop{ right: 20px; }

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

  /* .footer-right{ padding-right: 50px; } */

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

  /* .footer-right{ text-align: center; padding-right: 0; }
  .nav-footer ul li{ padding-right: 40px; padding-bottom: 15px; } */

  .footer-left{ width: 150px; }
  .footer-right{ width: calc(100% - 150px); }
  .logo-footer{ width: 120px; }
  .nav-footer{ text-align: left; padding-left: 10px; }
  .nav-footer ul li{ padding-right: 10px; }
  .nav-footer ul li a{ font-size: 13px; }
  
  .nav-footer--suggestion{ padding-left: 0; }
  .nav-footer--suggestion ul:nth-child(2){ width: 200px; }
  .nav-footer--suggestion ul:nth-child(3){ width: 280px; }
  .nav-footer--suggestion ul:nth-child(4){ width: 280px; }

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

  .div-gotop{
    top: auto;
    bottom: 20px;
    transform: translateY(0);
  }
  .div-gotop img{ width: 50px; }

  .nav-footer--suggestion ul:nth-child(3){ width: 230px; }
  .nav-footer--suggestion ul:nth-child(4){ width: 230px; }

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

  .logo-footer{ width: 150px; margin: 0 auto; }
  .nav-footer{ padding-top: 30px; text-align: center; padding-left: 0; }
  .nav-footer ul li{  padding: 0 15px 15px; }
  .nav-footer ul li a{ font-size: 16px; }
  .copyright{ font-size: 14px; }
  .footer-right, .footer-left{ float: none; width: 100%; }

  .nav-footer--suggestion ul:nth-child(2){ width: 190px; }
  .nav-footer--suggestion ul:nth-child(3){ width: 200px; }
  .nav-footer--suggestion ul:nth-child(4){ width: 200px; }

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

  .nav-footer ul li a{ font-size: 16px; line-height: 26px; }
  .copyright{ font-size: 12px; }
 
  .nav-footer--suggestion ul:nth-child(1),
  .nav-footer--suggestion ul:nth-child(2),
  .nav-footer--suggestion ul:nth-child(3),
  .nav-footer--suggestion ul:nth-child(4){
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 10px;
  }

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

  .div-gotop{
    position: relative;
    bottom: auto;
    right: auto;
    width: 50px; margin: 20px auto 0;
  }

  .nav-footer--suggestion ul:nth-child(1),
  .nav-footer--suggestion ul:nth-child(2),
  .nav-footer--suggestion ul:nth-child(3),
  .nav-footer--suggestion ul:nth-child(4){
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

}


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


.txt-banner{ position: absolute; width: 100%; top: 25%; text-align: center; color: #fff; }
.txt-banner h1{ padding-bottom: 25px; }
.txt-banner p{ max-width: 1000px; width: 90%; margin: 0 auto; padding-bottom: 30px; }
.box-scrolldown{ position: absolute; bottom: 50px; left: 50%; width: 68px; margin-left: -34px; text-align: center; z-index: 9; }
.box-scrolldown a{ font-size: 20px; color: #fff; }
.box-scrolldown span{ display: block; width: 1px; height: 60px; background-color: rgba(255,255,255,0.2); position: relative; margin: 0 auto 5px; overflow: hidden; }
.box-scrolldown span:after{ 
  content: ''; position: absolute; top: 0; left: 0; 
  width: 1px; height: 30px; background-color: rgba(255,255,255,1); 
  -webkit-animation: bouncez 1s infinite ease-in-out;
  -o-animation: bouncez 1s infinite ease-in-out;
  -ms-animation: bouncez 1s infinite ease-in-out; 
  -moz-animation: bouncez 1s infinite ease-in-out; 
  animation: bouncez 1s infinite ease-in-out;
}

@-webkit-keyframes bouncez {
  0% { transform: translateY(0px)  }
  50% { transform: translateY(30px) }
  100% { transform: translateY(0px) }
}
@keyframes bouncez {
  0% { transform: translateY(0px)  }
  50% { transform: translateY(30px) }
  100% { transform: translateY(0px) }
}


.btn-viewmore{ display: inline-block; background-color: #7491b0; padding: 15px 50px; font-size: 20px; color: #fff; z-index: 9; }



@media (max-width: 1440px){
  
  .txt-banner{ top: 22%; }
  .btn-viewmore{ font-size: 18px; padding: 12px 50px; }
  .box-scrolldown{ bottom: 30px; }
  .box-scrolldown a{ font-size: 18px; }
  .txt-banner h1{ padding-bottom: 15px; }

}
@media (max-width: 991px){
  
  .box-scrolldown{ bottom: 50px; }

}
@media (max-width: 576px){
  .txt-banner{ top: 20%; }
  .txt-banner{ font-size: 26px; }
  .txt-banner span{ font-size: 46px; }
  .box-scrolldown a{ font-size: 16px; }
  .box-scrolldown span{ height: 30px; }
  .box-scrolldown span:after{ height: 15px; }
  @-webkit-keyframes bouncez {
    0% { transform: translateY(0px)  }
    50% { transform: translateY(15px) }
    100% { transform: translateY(0px) }
  }
  @keyframes bouncez {
    0% { transform: translateY(0px)  }
    50% { transform: translateY(15px) }
    100% { transform: translateY(0px) }
  }
}
@media (max-width: 360px){
  .box-scrolldown{ bottom: 30px; }
}







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

.service-item{ 
  transition: .5s ease;
}
.service-item img{ 
  transition: .5s ease;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:    0px 4px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow:        0px 4px 10px 0px rgba(0, 0, 0, 0.2);
}
.service-item:hover img{ 
  transition: .5s ease;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow:    0px 4px 10px 0px rgba(0, 0, 0, 0.8);
  box-shadow:        0px 4px 10px 0px rgba(0, 0, 0, 0.8);
}
.service-text{ font-size: 22px; line-height: 32px; font-weight: 500; color: #3e3873; text-align: center; padding-top: 10px; }




@media (max-width: 1440px){

  .service-text{ font-size: 18px; line-height: 28px; }

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

  .service-text{ padding-bottom: 30px; }

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

  .service-text{ font-size: 16px; line-height: 26px; padding-bottom: 20px; }

}




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


.div-service--title{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80%; }
.div-service--title .box-title{ font-size: 40px; line-height: 50px; font-weight: 600; color: #fff; text-transform: uppercase; 
letter-spacing: 3px !important;
}
.div-service--title .box-title span{ display: block; }


.highlight-slide--detail{ color: #fff; padding: 10px; text-align: center; }
.highlight-slide--detail h4{ padding-bottom: 15px;padding-top: 15px;  }
.highlight-slide--detail p{ font-size: 18px; line-height: 28px; }


.owl-highlight.owl-carousel .owl-stage{ padding-left: 0!important; }
/*.owl-highlight.owl-carousel .item-video{ height: 600px; }*/

.owl-highlight.owl-carousel .owl-nav button.owl-prev{ left: -50px; }
.owl-highlight.owl-carousel .owl-nav button.owl-next{ right: 150px; }


.owl-highlight.owl-theme .owl-nav.disabled + .owl-dots{ margin-top: 30px; width: 80%; }
.owl-highlight.owl-theme .owl-dots {
  counter-reset: dots;
}
.owl-highlight.owl-theme .owl-dots .owl-dot{ position: relative; vertical-align: middle; width: 60px; height: 30px; }
.owl-highlight.owl-theme .owl-dots .owl-dot:before {
  counter-increment:dots;
  content: counter(dots);
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;
  font-size: 16px; color: transparent;
}
.owl-theme .owl-dots .owl-dot span{ background: #fff; margin: 10px auto 0; transition: all 0.5s ease; }
.owl-highlight.owl-theme .owl-dots .owl-dot.active span, 
.owl-highlight.owl-theme .owl-dots .owl-dot:hover span{
  width: 30px; height: 30px; background: #fff; transition: all 0.5s ease; margin-top: 0;
}
.owl-highlight.owl-theme .owl-dots .owl-dot.active:before,
.owl-highlight.owl-theme .owl-dots .owl-dot:hover:before {
  counter-increment:dots;
  content: counter(dots);
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;
  font-size: 16px; color: #3e3873;
}
.owl-highlight.owl-theme .owl-dots .owl-dot:after{
  content: ""; position: absolute; top: 50%; left: 30px; transform: translateY(-50%);
  width: 100%; height: 1px; 
  background-image: -webkit-gradient(linear, left top, right top, color-stop(80%, transparent), color-stop(50%, #fff)); 
  background-image: -webkit-linear-gradient(left, transparent 80%, #fff 50%); 
  background-image: -o-linear-gradient(left, transparent 80%, #fff 50%); 
  background-image: linear-gradient(to right, transparent 80%, #fff 50%); 
  background-size: 4px 100%;
}
.owl-highlight.owl-theme .owl-dots .owl-dot:last-of-type:after{ display: none; }



.owl-carousel .owl-nav button.owl-prev{ left: -50px; }
.owl-carousel .owl-nav button.owl-next{ right: -50px; }

.owl-carousel .owl-nav button.owl-prev{ background: url(../images/arrow2.png) no-repeat 0 0; }
.owl-carousel .owl-nav button.owl-next{ background: url(../images/arrow2.png) no-repeat -30px 0 }
.owl-carousel .owl-nav button.owl-prev:hover{ background: url(../images/arrow2.png) no-repeat 0 -60px; }
.owl-carousel .owl-nav button.owl-next:hover{ background: url(../images/arrow2.png) no-repeat -30px -60px; }


.owl-carousel .owl-video-play-icon{ background: url(../images/icn-play.png) no-repeat; }
.owl-carousel .owl-video-tn {
  background-size: cover;
  padding-bottom: 56.25%; /* 16:9 */
  /*padding-top: 25px;*/
}
.owl-video-frame {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  /*padding-top: 25px;*/
  height: 0;
}
.owl-video-frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*.owl-item:nth-child(1) .owl-video-tn {
  background-image: url('../images/video/bg-1.jpg') !important;
}
.owl-item:nth-child(2) .owl-video-tn {
  background-image: url('http://via.placeholder.com/600x400') !important;
}*/

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


.service-img--pc{ display: block; }
.service-img--mobile{ display: none; }



@media (max-width: 1449px){
  .about--video .highlight-slide{ width: 80%; margin:0 auto; }
}
@media (max-width: 1199px){

  .div-service--title .box-title{ font-size: 36px; line-height: 46px; }

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

  .div-service--title{ position: relative; top: auto; left: auto; transform: translate(0,0); width: 100%; text-align: center; padding-bottom: 40px; }
  .div-service--title .box-title{ font-size: 34px; line-height: 44px; }
  .div-service--title .box-title span{ display: inline-block; }

  .owl-highlight.owl-carousel .owl-nav button.owl-prev{ left: 0px; }
  .owl-highlight.owl-carousel .owl-nav button.owl-next{ right: 0px; }

  .service-img--pc{ display: none; }
  .service-img--mobile{ display: block; }
  .owl-service.owl-carousel .item:last-of-type .service-text{ padding-bottom: 0; }

  .owl-carousel .owl-nav button.owl-prev{ left: -40px; }
  .owl-carousel .owl-nav button.owl-next{ right: -40px; }

  .about--video .highlight-slide{ width: 90%; }

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

  .owl-highlight.owl-theme .owl-nav.disabled + .owl-dots{ width: 100%; }
  .owl-highlight.owl-theme .owl-dots .owl-dot{ width: 40px; }
  .owl-highlight.owl-theme .owl-dots .owl-dot:after{ left: 20px; }

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

  .div-service--title .box-title{ font-size: 30px; line-height: 40px; }

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

  .div-service--title .box-title{ font-size: 26px; line-height: 36px; }

}


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


.bg-news-1{ background-image: url('../images/news/bg-1.jpg'); }
.bg-news-2{ background-image: url('../images/news/bg-2.jpg'); }


.news-img img{ 
  transition: .5s ease;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:    0px 4px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow:        0px 4px 10px 0px rgba(0, 0, 0, 0.2);
}
.news-title{ font-size: 20px; line-height: 30px; color: #3e3873; font-weight: normal; padding-top: 20px; }
.news-title a{
      color: #3e3873 !important;
}
.news-date{ font-size: 14px; line-height: 24px; color: #7491b0; padding: 5px 0 15px; }
.news-detail{ font-size: 16px; line-height: 26px; color: #7491b0; }
.news-link{ display: block; color: inherit; }
.news-link:hover img{ 
  transition: .5s ease;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow:    0px 4px 10px 0px rgba(0, 0, 0, 0.8);
  box-shadow:        0px 4px 10px 0px rgba(0, 0, 0, 0.8);
}

.news-select{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.custom-select{ background: #fff url('../images/icn-select.png') no-repeat right center; border: 0;  color: #333; }


.div-btn--center{ padding-top: 50px; text-align: center; }
.btn-viewmore{ display: inline-block; font-size: 18px; color: #fff; border:0; background-color: #3e3873; cursor: pointer; padding: 10px 40px; border: 1px solid #3e3873; border-radius: 0; }

.news-article--content{ padding: 0 50px; }
.news-article--content p{ font-size: 18px; line-height: 28px; color: #7491b0; padding-bottom: 30px; }


.box-news--top.owl-carousel .owl-nav{ height: 35px; }
.box-news--top.owl-carousel .owl-nav button.owl-next{ background: url(../images/arrow-owl.png) no-repeat -35px 0; width: 35px; height: 35px; right: -35px; }
.box-news--top.owl-carousel .owl-nav button.owl-prev{ background: url(../images/arrow-owl.png) no-repeat 0 0; width: 35px; height: 35px; left: -35px; }

.box-news--top.owl-theme .owl-dots .owl-dot span{ margin: 0 5px; }



.divNews-col{ padding-bottom: 30px; }



@media (max-width: 1199px){

  .box-news--top .gogoj-col--45, .box-news--top .gogoj-col--55{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .news-article--content{ padding: 30px 0; }

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

  .news-select{ top: 0; transform: translateY(0); }
  .news-link{ margin-bottom: 30px; }
  .divNews-col{ padding-bottom: 0px; }

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

  .box-news--top.owl-carousel .owl-nav button.owl-next{ right: 0 }
  .box-news--top.owl-carousel .owl-nav button.owl-prev{ left: 0; }

}



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

.subscribe-content{ text-align: center; width: 70%; margin: 0 auto; overflow: hidden; }
.subscribe-title{ float: left; width: 50%; }
.subscribe-form{ float: left; width: 50%; overflow: hidden; }
.btn-subs{ background-color: #3e3873; font-size: 16px; color: #fff; padding: 0.75rem 1rem; border-radius: 0; border: 1px solid #3e3873; }
/*.btn-subs:hover{ color: #fff; background-color: #7491b0; }*/


.box-form-input{  width: calc(100% - 160px); float: left; }
.box-form-btn{ float: left; padding-left: 10px; }
.subscribe-form .form-control {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0.75rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #7491b0;
  border: 0px solid #ced4da;
  border-radius: 0;
}
.subscribe-form .form-control:focus {
  color: #7491b0;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
}
.subscribe-form .form-control::-webkit-input-placeholder {
  color: #7491b0;
}
.subscribe-form .form-control::-moz-placeholder {
  color: #7491b0;
}
.subscribe-form .form-control:-ms-input-placeholder {
  color: #7491b0;
}
.subscribe-form .form-control::-ms-input-placeholder {
  color: #7491b0;
}
.subscribe-form .form-control::placeholder {
  color: #7491b0;
}

.form-input{ padding-bottom: 40px; }
.form-input .form-control {
  display: block;
  width: 100%;
  padding: 0.75rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  border: 0px;
  border-bottom: 1px solid #e2e4e5;
}



@media (max-width: 1199px){

  .subscribe-title{ float: none; width: 100%; padding-bottom: 20px; }
  .subscribe-form{ float: none; width: 100%; }

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

  .subscribe-content{ width: 60%; }

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

  .subscribe-content{ width: 90%; }
  .subscribe-title{ padding-bottom: 10px; }
  .box-form-input{ width: 100%; float: none; }
  .box-form-btn{ width: 100%; float: none; padding-top: 10px; }

}


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

.div-contact{ width: 100%; }
.contact-logo{ width: 250px; padding-bottom: 40px; }
.contact-address{ padding: 15px 0 40px; font-size: 16px; line-height: 26px; color: #7491b0; }
.contact-social{}
/*.contact-social ul li{ padding-bottom: 10px; }*/
.contact-social ul li div{ display: inline-block; width: 30%; }
.contact-social ul li:nth-child(2) div:first-of-type{ display: inline-block; width: 30%; }
.contact-social ul li:nth-child(2) div:last-of-type{ display: inline-block; width: 60%; }
.contact-social a{ display: block; font-size: 16px; line-height: 26px; color: #7491b0; margin-bottom: 10px; }
.contact-social a i{ color: #3e3873; }
.contact-social a:hover{ color: #3e3873; }

.contact-form{ padding-top: 40px; }
.form-input{ padding-bottom: 20px; }
.form-input .form-control {
  display: block;
  width: 100%;
  padding: 0.75rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  font-weight: 300;
  border: 1px solid #ebebeb;
  border-radius: 0;
}
.form-input .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
}
.form-input .form-control::-webkit-input-placeholder {
  color: #9da3a7;
}
.form-input .form-control::-moz-placeholder {
  color: #9da3a7;
}
.form-input .form-control:-ms-input-placeholder {
  color: #9da3a7;
}
.form-input .form-control::-ms-input-placeholder {
  color: #9da3a7;
}
.form-input .form-control::placeholder {
  color: #9da3a7;
}


.btn-click{ display: inline-block; font-size: 18px; color: #fff; border:0; background-color: #3e3873; cursor: pointer; padding: 20px 40px; border: 1px solid #3e3873; }
/*.btn-click:hover{ color: #fff; background-color: #7491b0; }*/

 .single-services a.btn-click:hover{
    color: #fff;
  }


@media (max-width: 1300px) {

  .contact-social ul li div{ width: 40%; }
  .contact-social ul li:nth-child(2) div:first-of-type,
  .contact-social ul li:nth-child(2) div:last-of-type{ display: block; width: 100%; }

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

  .div-contact{ width: 100%; padding-left: 0; }
  .contact-logo{ width: 150px; padding-bottom: 30px; }
    .nav--textbar h1{
      font-size: 34px !important;
    line-height: 44px !important;
    }
}
@media (max-width: 767px){

  .form-input{ padding-bottom: 30px; }

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






  .btn-click{ font-size: 16px; padding: 12px 30px; }
  .contact-logo{ padding-bottom: 20px; }
  .contact-social ul li div{ width: 48%; }

}
@media (max-width: 425px){
    .nav--textbar h1{
      font-size: 24px !important;
          line-height: 34px !important;
    }
  .contact-social ul li div{ display: block; width: 100%; }

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

  .contact-social a{ font-size: 15px; }

}


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

.bg-about-1{ background-image: url('../images/about/bg-1.jpg'); }
.bg-about-2{ background-image: url('../images/about/bg-2.jpg'); background-position: left center; }
.bg-about-3{ background-image: url('../images/about/bg-3.jpg'); background-position: right bottom; }


.about-article--content{  padding: 0 80px; 
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0 auto; }
.about-article--content h2{ font-size: 35px; line-height: 45px; color: #3e3873; padding-bottom: 10px; }
.about-article--content p{ font-size: 16px; line-height: 26px; color: #7491b0; padding-bottom: 30px; }
.about-article--content p:last-of-type{ padding-bottom: 0; }


.about-text--2{ font-size: 30px; line-height: 60px; color: #fff; text-align: center; }


.about-article--vision .vision-img{ padding-bottom: 30px; text-align: center; }
.about-article--vision h3{ font-size: 35px; line-height: 45px; color: #3e3873; padding-bottom: 10px; margin-top: 20px; }
.about-article--vision p{ font-size: 16px; line-height: 26px; padding-bottom: 30px; }
.about-article--vision ul li, .about-article--vision ol li{ font-size: 16px; line-height: 26px; padding-bottom: 8px; }
.about-article--vision ol{ list-style: decimal; margin-left: 20px; }


.about--video h2{ margin-bottom: 40px; }


@media (max-width: 1440px){

  .about-article--content{ padding: 30px 50px 0 50px; }
  .about-article--content h2{ font-size: 42px; line-height: 52px; }
  .about-article--vision h3{ font-size: 32px; line-height: 42px; }
  .about-article--vision p, .about-article--vision ul li, .about-article--vision ol li{ font-size: 22px; line-height: 32px; }

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

  .div-about--top .gogoj-col--45, .div-about--top .gogoj-col--55{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .about-article--content h2{ font-size: 40px; line-height: 50px; }
  .about-text--2{ font-size: 26px; }

  .about-article--vision h3{ font-size: 30px; line-height: 40px; }
  .about-article--vision p, .about-article--vision ul li, .about-article--vision ol li{ font-size: 20px; line-height: 30px; }

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

  .about-article--content h2{ font-size: 34px; line-height: 44px; padding-bottom: 20px; }
  .about-article--content p{ padding-bottom: 20px; }


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

  .about-article--content{ padding: 30px 20px 0 20px; }
  .about-article--content h2{ font-size: 26px; line-height: 36px; }
  .about-text--2{ font-size: 20px; line-height: 50px; }

  .about-article--vision h3{ font-size: 26px; line-height: 36px; }
  .about-article--vision p, .about-article--vision ul li, .about-article--vision ol li{ font-size: 16px; line-height: 26px; padding-bottom: 5px; }
  .about-article--vision .vision-img{ padding-bottom: 10px; }

}


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


.article-content{ padding: 100px 0 50px; border-bottom: 5px solid #9e9bb9; }
.txt-3e3873{ color: #3e3873; }
.content-date{ font-size: 16px; line-height: 26px; color: #7491b0; padding: 5px 0 30px; }

.article-content h3{ font-size: 30px; line-height: 40px; color: #3e3873; font-weight: 500; }
.article-content p{ font-size: 18px; line-height: 28px; font-weight: 200; padding-bottom: 30px; }
.article-img{ text-align: center; }
.article-content img{ margin: 0 auto 30px;  }
.article-content ul{ margin-left: 20px; }
.article-content ul li{ font-size: 18px; line-height: 28px; font-weight: 200; padding-bottom: 30px; list-style: disc; padding-left: 5px; }
.article-content a{ color:#7491b0; }
.article-content a:hover{ color:#3e3873; text-decoration: underline; }



@media (min-width: 1300px) {
  .section-article-content .container {
    max-width: 1140px;
  }

}


@media (max-width: 991px){

  .article-content{ padding: 50px 0 20px; }

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

  .content-date{ font-size: 14px; line-height: 24px; }
  .article-content h3{ font-size: 24px; line-height: 34px; }
  .article-content p, .article-content ul li{ font-size: 16px; line-height: 26px; padding-bottom: 20px; }
.article-content img{ margin: 0 auto 20px;  }

}



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

.product--container{ max-width: 1440px; width: 95%; margin: 0 auto; }
.product--row{ overflow: hidden; }
.product--col-left{ float: left; width: 320px; margin-right: 80px; }
.product--col-right{ float: left; width: calc(100% - 400px); }

.product-title{ font-size: 25px; line-height: 35px; font-weight: 500; color: #3e3873; padding-bottom: 20px; text-transform: uppercase; }

.nav-categories{ padding-bottom: 20px; border-bottom: 5px solid #3e3873; margin-bottom: 20px; }
.nav-categories ul li{ position: relative; padding-left: 15px; padding-bottom: 12px; }
.nav-categories ul li:last-of-type{ padding-bottom: 0px; }
.nav-categories ul li a:before{
  content: ''; position: absolute;
  width: 0; height: 0; left: 0; top: 4px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 7px solid #8d97bf;
}
.nav-categories ul li > ul{ padding-top: 10px; }
.nav-categories ul li > ul li{ position: relative; padding-left: 10px; padding-bottom: 5px; }
.nav-categories ul li > ul li a:before{
  content: '-'; position: absolute;
  width: 0; height: 0; left: 0; top: 0px;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 0px solid #8d97bf;
}
.nav-categories ul li a{ font-size: 15px; line-height: 24px; color: #7491b0; }
.nav-categories ul li > ul li a{ font-size: 12px; line-height: 20px; }
.nav-categories ul li a:hover, .nav-categories ul li a.active{ color: #3e3873; }
.nav-categories ul li a:hover:before, .nav-categories ul li a.active:before{
  border-left: 7px solid #3e3873;
}
.nav-categories ul li > ul li a:hover:before, .nav-categories ul li > ul li a.active:before{
  border-left: 0px solid #3e3873;
}

.nav-others{}
.nav-others ul li{ padding-bottom: 20px; }
.nav-others ul li a{ display: block; width: 100%; padding: 40px 0; text-align: center; background-size: cover; opacity: 0.7; }
.nav-others ul li a:hover{ opacity: 1; }
.nav-others ul li a span{ font-size: 16px; font-weight: normal; color: #fff; opacity: 1; }

.nav-others ul li:nth-child(1) a{ background-image: url('../images/product/bg_nav-1.jpg'); }
.nav-others ul li:nth-child(2) a{ background-image: url('../images/product/bg_nav-2.jpg'); }
.nav-others ul li:nth-child(3) a{ background-image: url('../images/product/bg_nav-3.jpg'); }

  .article-content--product h2.main_title{ padding-bottom: 30px;}
  .article-content--product h2{ font-size: 35px; line-height: 45px;color: #3e3873;font-weight: 500;padding-bottom: 10px;}

.article-content--product h3{ font-size: 35px; line-height: 45px; color: #3e3873; font-weight: 500; padding-bottom: 10px; }
.article-content--product h4{ font-size: 22px; line-height: 32px; color: #3e3873; font-weight: 500; padding-bottom: 10px; }
.article-content--product h5{ font-size: 18px; line-height: 28px; color: #3e3873; font-weight: 500; padding-bottom: 10px; }
.article-content--product p{ font-size: 18px; line-height: 28px; color: #7491b0; padding-bottom: 10px; }
.article-content--product ul{ list-style: disc; margin-left: 20px; }
.article-content--product ol{ list-style: decimal; margin-left: 20px; }
.article-content--product ul li, .article-content--product ol li{ font-size: 18px; line-height: 28px; color: #7491b0; padding-bottom: 10px; }
.article-content--product ul{ padding-bottom: 10px; }
.article-content--img{ text-align: center; }
.article-content--img img{ margin: 0 auto 20px;  }





@media (max-width: 1500px){

  /*.product--container{ max-width: 1040px; }*/
  .product--col-left{ width: 300px; margin-right: 50px; }
  .product--col-right{ width: calc(100% - 350px); }

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

  .product--col-left{ width: 260px; margin-right: 40px; }
  .product--col-right{ width: calc(100% - 350px); }
  .product-title{ font-size: 22px; line-height: 32px; }

  .article-content--product h3{ font-size: 30px; line-height: 40px; }

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

  .product--col-left{ display: none; }
  .product--col-right{ width: 100%; }

  .article-content--product h2{ font-size: 28px; line-height: 38px; }
  .article-content--product h3{ font-size: 28px; line-height: 38px; }
  .article-content--product h4{ font-size: 20px; line-height: 30px; }
  .article-content--product h5{ font-size: 16px; line-height: 26px; }
  .article-content--product p, .article-content--product ul li, .article-content--product ol li{ font-size: 16px; line-height: 26px; }

}


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

.mainSliderBanner ul.bxslider li{
  width: 100%;
  height: 100vh;
  background-image: url('../images/bg-1.jpg') !important;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bx-wrapper .bx-pager.bx-default-pager a{ background: #fff; border:1px solid #3d3974; width: 12px; height: 12px; border-radius: 50%; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #7491b0;
}




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



.pageNumber {
  width: 100%;
  padding: 40px 0;
  text-align: center;
}
.pageNumber .nav-links {
  display: inline-block;
}
.pageNumber .nav-links .page-numbers {
  display: inline-block;
  color: #9da3a7;
  font-size: 20px;
  font-weight: 400;
  padding: 5px;
  margin: 0 5px;
}
.pageNumber .nav-links .page-numbers.current,
.pageNumber .nav-links .page-numbers:hover {
  color: #3e3873;
}
.pageNumber .nav-links .page-numbers:first-child,
.pageNumber .nav-links .page-numbers:last-child{
  background-color: transparent;
}
.pageNumber .nav-links a.page-numbers:first-child:hover,
.pageNumber .nav-links a.page-numbers:last-child:hover{
  color: #3e3873;
}


@media (max-width: 1440px){

  .pageNumber .nav-links .page-numbers {
    font-size: 18px;
  }

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

  .pageNumber { padding: 20px 0; }

}







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

.nav-menu ul li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  /*overflow: hidden;*/
}
.nav-menu ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #3e3873;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.nav-menu ul li a:hover:before, .nav-menu ul li a:focus:before, 
.nav-menu ul li a:active:before, .nav-menu ul li a.actived:before,
.nav-menu ul li.current_page_item a:before,
.nav-menu ul li.menu-item-has-children:hover > a:before {
  right: 0;
}




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

.entry-content-404 h1{ line-height: 1; }

.entry-content-404{ padding: 10rem 0 !important; }


@media (max-width: 991px){

  .entry-content-404 h1{ font-size: 16rem !important; }

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

  .entry-content-404 h1{ font-size: 12rem !important; }
  .entry-content-404 h3{ font-size: 1.5rem !important; }

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

  .entry-content-404{ padding: 6rem 0 !important; }
  .entry-content-404 h1{ font-size: 8rem !important; }
  .entry-content-404 h3{ font-size: 1.2rem !important; }

}

body{
direction:ltr !important;
}



.tax-service_category .nav-categories ul li a.active::before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #3e3873;
    border-bottom: 0;
    top: 9px;
}


.hide{
  display: none !important;
}


.parent-category{
  cursor:pointer;
}



.nav--textbar h1{
    color: #fff !important;
    padding-bottom: 50px !important;
    font-size: 50px;
    line-height: 60px;
    font-weight: 500;
} 



   .article-content--product > h1{
  font-size: 35px;
    line-height: 45px;
    color: #3e3873;
    font-weight: 500;
    padding-bottom: 20px;
}



#menu-footer-col-2 .menu-item-object-services a::before,
#menu-footer-col-3 .menu-item-object-services a::before,
#menu-footer-col-4 .menu-item-object-services a::before{
      content: '- ';
    position: absolute;
    left: 0;
    top: 3px;
}
#menu-footer-col-2 .menu-item-object-services a,#menu-footer-col-3 .menu-item-object-services a,#menu-footer-col-4 .menu-item-object-services a{
font-size: 14px ;
padding-left: 10px;
    position: relative;
}



.title_dr_bio h2 {
    padding-bottom: 0px !important;

}


.head-title{
  text-transform: uppercase;
}

.sub-title ,.nav--textbar li , .div-bgcover .txt-3e3873{
text-transform: capitalize;  
}

.highlight-title{
    color: #3e3873 !important;
}


.wpcf7-not-valid-tip{
   position: initial;
}

.wpcf7-response-output {
    display: block !important;
        margin: 0em 0em 0em !important;
}


div.wpcf7-mail-sent-ng, div.wpcf7-aborted{
  border: 0px solid #ff0000 !important;
}

div.wpcf7-response-output{
  border: 0px solid #ff0000 !important;
  font-size: 14px;
}

.subscribe-form span.wpcf7-not-valid-tip{
  float: left;
}

.subscribe-form div.wpcf7-response-output{
  padding-top: 64px;
    font-size: 12px;
    color: #fff;
}

span.wpcf7-not-valid-tip{
  font-size: 12px;
  padding: 5px;
    color: #7491b0;
}

.tax-service_category .article-content--product img{
      max-width: 100% !important;
      height: auto !important;
}

.article-content--product p ,.article-content--product ul li, .article-content--product ol li{
    font-size: 16px;
    line-height: 26px;
    
}

.navMenu a:not([href]):not([tabindex]){
  color: #243c97;
}

.elementor-text-editor h3{
  font-size: 30px;
  line-height: 40px;
}

@media (max-width: 1500px){
  .product--col-left{ width: 270px; margin-right: 30px; }
  .product--col-right{ width: calc(100% - 300px); }

}
@media (max-width: 1199px){
  .product--col-left{ width: 250px; margin-right: 20px; }
  .product--col-right{ width: calc(100% - 270px); }

}

@media (max-width: 991px){
  .product--col-left{ display: none; }
  .product--col-right{ width: 100%; }
 
}



@media (max-width: 1199px){
  .nav-menu.navOpen ul li a {
    font-size: 16px;
    color: #3e3873;
  }
}
@media (max-width: 1199px){

  .nav-menu ul li ul.sub-menu{
    border:0;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 0 10px;
  }
  .nav-menu ul li ul.sub-menu li{
    /*border-bottom: 1px solid #ddd;*/
    padding: 15px 30px 8px;
  }
  .nav-menu ul li ul.sub-menu li:last-of-type{
    border-bottom: 0;
  }

}


@media (max-width: 1199px){

  .nav-menu.navOpen ul li{ text-align: center; }
  .nav-menu ul li.menu-item-has-children > a:after{ right: auto; margin-left: 10px; }
  .nav-menu ul li a:hover:before, .nav-menu ul li a:focus:before, .nav-menu ul li a:active:before, .nav-menu ul li a.actived:before, .nav-menu ul li.current_page_item a:before, .nav-menu ul li.menu-item-has-children:hover > a:before{ display: none; }

}

.mobile-hide{
  display: none;
}



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


.nav-menu ul li.menu-item-has-children > ul.sub-menu li.menu-item-has-children > a:after{ transform: rotate(-90deg); }

.nav-menu ul.sub-menu li > ul.sub-menu{
  position: absolute;
  width: 80%;
  background-color: #eee;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.8s ease;
  /*background-color: rgba(252,134,29,0.3);*/
  background-color: #fff;
  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 10px;
  top: 0; right: -80%;
}
.nav-menu ul.sub-menu li > ul.sub-menu li{
  float: none;
  display: block;
  padding: 10px;
}
.nav-menu ul.sub-menu li > ul.sub-menu li a{
  display: inline-block;
}
.nav-menu ul.sub-menu li:hover > ul.sub-menu{
  opacity: 1;
  visibility: visible;
  z-index: 35;
  transition: all 0.8s ease;
}


@media (max-width: 1199px){

  .nav-flag{ top: 9px; transform: translateY(0); }

  .nav-menu.navOpen{ margin-top: 30px; overflow-y: auto; height: calc(100vh - 87px); }
  /* .nav-menu ul li.menu-item-has-children > ul.sub-menu li.menu-item-has-children > a:after{ transform: rotate(0deg); } */
  .nav-menu ul li.menu-item-has-children > ul.sub-menu li.menu-item-has-children > a:after{ display: none; }
  .nav-menu ul.sub-menu li > ul.sub-menu{ position: relative; right: 0; width: auto; box-shadow: none; border: 1px solid #ddd; margin-top: 10px; display: none; width: 100%; }
  /* .nav-menu ul.sub-menu li:hover > ul.sub-menu{ display: block; } */
  .nav-menu ul.sub-menu li:hover > ul.sub-menu{ display: none; }

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

  .nav-menu ul li.menu-item-has-children > ul.sub-menu li.menu-item-has-children > a:after{ right: -16px; }


}





.dr_title{
  padding-top: 55px;
  padding-left: 55px;

}
.dr_title h2{
     padding-bottom: 5;
}
.dr_title p{
    font-size: 18px;
    padding-left: 5px;
}

@media (max-width: 1199px){

       
       .dr_title{
          padding-top: 0px !important;
          padding-left: 0px !important;
       }
       .dr_title h2{
            padding-bottom: 0 !important;
       }
       .dr_title p{
           font-size: 16px !important;
       }

}



/*#menu-main-menu .wpml-ls-item.wpml-ls{
  padding-left: 4px;
  padding-right: 4px;
}*/