@font-face {
  font-family: 'MyriadPro-Bold';
  src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-Bold.otf')  format('opentype'),
       url('../fonts/MyriadPro-Bold.woff') format('woff'), url('../fonts/MyriadPro-Bold.ttf')  format('truetype'), url('../fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadPro-Cond';
  src: url('../fonts/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-Cond.otf')  format('opentype'),
       url('../fonts/MyriadPro-Cond.woff') format('woff'), url('../fonts/MyriadPro-Cond.ttf')  format('truetype'), url('../fonts/MyriadPro-Cond.svg#MyriadPro-Cond') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadPro-Light';
  src: url('../fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-Light.otf')  format('opentype'),
       url('../fonts/MyriadPro-Light.woff') format('woff'), url('../fonts/MyriadPro-Light.ttf')  format('truetype'), url('../fonts/MyriadPro-Light.svg#MyriadPro-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-Regular.otf')  format('opentype'),
       url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf')  format('truetype'), url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: '../fonts/MyriadPro-Semibold';
  src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-Semibold.otf')  format('opentype'),
       url('../fonts/MyriadPro-Semibold.woff') format('woff'), url('../fonts/MyriadPro-Semibold.ttf')  format('truetype'), url('../fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadPro-SemiboldCond';
  src: url('../fonts/MyriadPro-SemiboldCond.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-SemiboldCond.otf')  format('opentype'),
       url('../fonts/MyriadPro-SemiboldCond.woff') format('woff'), url('../fonts/MyriadPro-SemiboldCond.ttf')  format('truetype'), url('../fonts/MyriadPro-SemiboldCond.svg#MyriadPro-SemiboldCond') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadPro-BoldCond';
  src: url('../fonts/MyriadPro-BoldCond.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-BoldCond.otf')  format('opentype'),
       url('../fonts/MyriadPro-BoldCond.woff') format('woff'), url('../fonts/MyriadPro-BoldCond.ttf')  format('truetype'), url('../fonts/MyriadPro-BoldCond.svg#MyriadPro-BoldCond') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* ---------------- Init ---------------- */
/* --------  -------- */
.img-full {
  width: 100%;
}

/* -------- Editor -------- */
.editor img, .editor frame {
  max-width: 100%;
}

/* ---------------- Fix ---------------- */
.img-responsive {
  display: inline-block;
}

/* -------- Global -------- */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'MyriadPro-Regular', sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #777;
}

a {
  color: #666;
  outline: none !important;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #24abe2;
  text-decoration: none;
}

ul {
  margin: 0px;
  padding: 0px;
  list-style: inside;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
}

button {
  outline: none !important;
}

/* ---------------- Grid ---------------- */
.row-0 {
  margin: 0px;
  padding: 0px;
}
.row-0 > div[class^=col-] {
  margin: 0px;
  padding: 0px;
}
.row-0 :after {
  content: "";
  clear: both;
}

.container-30 {
  padding: 0px 30px;
}

/* -------- 5 col -------- */
/*.col-xs-5x,
.col-sm-5x,
.col-md-5x,
.col-lg-5x {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-5x {
  width: 20%;
  float: left;
}*/

/*@media (min-width: 768px) {
  .col-sm-5x {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5x {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-5x {
    width: 20%;
    float: left;
  }
}*/
/* -------- Space -------- */
/*.padding-bottom-30 {
  padding-bottom: 30px;
}*/

/**************************** header ***************************/

#header{
  background: #ffd320;
  height: 80px;
  position: absolute;
  width: 100%;
  z-index: 999;
  top: 0px;
  /*background: url('../images/bk-menu.png') no-repeat center;*/
}
.wrap-menu-page{
  /*margin-right: -10px !important;*/
}
#logo {
  
   /*background: url('../images/bk-logo.png') no-repeat right;*/
  background-size: cover;
  margin: 0 auto;
  z-index: 99;
  padding: 8px;
 /* -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.6);
  box-shadow: 0 3px 6px 0 rgba(0,0,0,0.6);*/
}
#header > .container > .header::before{
  content: "";
  position: absolute;
  width: calc(100% - 3px);
  height: 100%;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.6);
  box-shadow: 0 3px 6px 0 rgba(0,0,0,0.6);
  bottom: 0px;
  left: 3px;
}
#header > .container > .header{
  background: url('../images/bk-main-menu.png') no-repeat;
  /*background-size: 100%;*/
  padding-top: 10px;
  /*margin-right: -12px;*/
  position: relative;
  /* -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.6);
  box-shadow: 0 3px 6px 0 rgba(0,0,0,0.6);*/
}
#header .col-md-2{
  z-index: 99;
  /*height: calc(100% - 10px);*/
/*  -webkit-box-shadow: 0 2px 0px 0 rgba(0,0,0,0.4);
  box-shadow: 0 2px 0px 0 rgba(0,0,0,0.4);*/
}
#logo a{
  position: relative;
}
#logo a::before{

}
#logo img{
  margin-left: 10px;
  padding-bottom: 6px;
  /*margin-bottom: 10px;*/
  /*padding: 8px;*/
  /*background: #007a40;*/
  max-width: 100%;
}
.header-top{
  display: inline-block;
  width: 100%;
  text-align: right;
  position: absolute;
  top: -10px;
  /*right: 12px;*/
  -webkit-box-shadow: 10px 0 0 0 rgba(255,211,32,1);
  box-shadow: 10px 0 0 0 rgba(255,211,32,1);
}
.header-top ul{
  list-style: none;
  margin-top: 5px;
}
.language > li{
  float: left;
  margin-left: 10px;
}
.language li a{
  opacity: 0.5;
}
.language li a img{
  -webkit-box-shadow: 1px 2px 1px 0 rgba(152,152,152,0.6);
  box-shadow: 1px 2px 1px 0 rgba(152,152,152,0.6);
}
.language li.active a,
.language li:hover a{
  opacity: 1;
}
.contact-home,
.language {
  display: inline-block;
}
.contact-home > li{
  float: left;
  font-size: 14px;
  font-family: 'MyriadPro-Bold', sans-serif;
  color: #077a40;
  margin-right: 30px;
}
.contact-home > li > img{
  margin-right: 8px;
}
#menu-page{
  display: inline-block;
  width: 100%;
  /*background: #fff;*/
  position: relative;
  z-index: 9;
/*  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.6);
  box-shadow: 0 3px 6px 0 rgba(0,0,0,0.6);*/
  padding-bottom: 10px;
  margin-top: 30px;
}
#menu-page h2{
  font-size: 24px;
  font-family: 'MyriadPro-Bold', sans-serif;
  color: #077a40;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
}
#max-menu-page ul{
  list-style: none;
}
#max-menu-page > ul.lv1 > li{
  float: left;
  position: relative;
  padding: 2px 10px 0px 10px;
  border-right: 2px solid #f7941e;
}
#max-menu-page > ul.lv1 > li:last-child{
  border-right: none;
}
#max-menu-page > ul.lv1 > li:first-child{
  padding-left: 0px;
}
#max-menu-page > ul.lv1 > li > a{
  font-family: 'MyriadPro-Cond', sans-serif;
  font-size: 19px;
  color: #343434;
  text-transform: uppercase;
  /*font-weight: 600;*/
}
#max-menu-page > ul.lv1 > li:hover > a{
  color: #007a40;
}
#max-menu-page > ul.lv1 > li.active a{
  color: #007a40;
}
#max-menu-page .lv1 > li .lv2 {
  list-style: none;
  position: absolute;
  left: 0px;
  top: 30px;
  min-width: 224px;
  /*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);*/
  z-index: 4;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  border-top: 1px solid #077a40;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
#max-menu-page .lv1 > li:hover .lv2 {
  opacity: 1;
  visibility: visible;
  
}
#max-menu-page .lv1 > li .lv2 > li{
  padding: 5px 10px;
  border-bottom: 1px solid #d5d5d5;
  position: relative;
}
#max-menu-page .lv1 > li .lv2 > li:first-child{
  border-top: 1px solid #d5d5d5;
}
#max-menu-page .lv1 > li .lv2 > li:last-child{
  border-bottom: none;
}
#max-menu-page .lv1 > li .lv2 > li > a{
  font-family: 'MyriadPro-SemiboldCond', sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  color: #343434;
}
#max-menu-page .lv1 > li .lv2 > li:hover > a{
  color: #F7941E;
}
#max-menu-page .lv1 > li.have-child > .lv2 > li.have-child > a:after {
    content: "\f0d7";
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 20px;
    line-height: 22px;
    height: 22px;
    top: 50%;
    margin-top: -11px;
    right: 15px;
}
#max-menu-page .lv1 > li .lv2 > li > .lv3 {
  list-style: none;
  position: absolute;
  right: -160px;
  top: 0px;
  min-width: 170px;
  /*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);*/
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  border-top: 1px solid #077a40;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
#max-menu-page .lv1 > li .lv2 > li:hover .lv3 {
  opacity: 1;
  visibility: visible;
}
#max-menu-page .lv1 > li .lv2 > li > .lv3 > li{
  padding: 5px 10px;
  border-bottom: 1px solid #d5d5d5;
  position: relative;
}
#max-menu-page .lv1 > li .lv2 > li > .lv3 > li > a{
  font-family: 'MyriadPro-SemiboldCond', sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  color: #343434;
}
#max-menu-page .lv1 > li .lv2 > li > .lv3 > li:hover > a{
  color: #F7941E;
}
#min-menu-page{
  display: none;
}
#max-menu-page{
  padding-bottom: 5px;
}

/* -------- Nav menu page -------- */
#nav-menu-page {
  background: rgba(0, 0, 0, 0.3);
  border-bottom: 2px solid rgba(92, 92, 92, 0.4);
  text-align: right;
  padding: 2px 15px;
  font-family: "Roboto Condensed", "Roboto", Arial;
}
#nav-menu-page .btn {
  background: none;
  border: 0px;
  font-size: 15px;
}
#nav-menu-page .lbl {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  position: relative;
  top: 2px;
}

/* -------- Min menu page -------- */
#min-menu-page {
  background: #2b2b2b;
  border-right: 1px solid #3e3f3c;
  text-align: left;
  color: #fff;
  font-family: "Roboto Condensed", "Roboto", Arial;
}
#min-menu-page .top {
  padding: 15px;
}
#min-menu-page .top #min-search {
  margin-bottom: 15px;
}
#min-menu-page > .title {
  border-bottom: 1px solid #555555;
  padding: 11px 15px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#min-menu-page > .lv1 {
  list-style: none;
}
#min-menu-page > .lv1 > li.have-child > a {
  padding-right: 30px;
  position: relative;
}
#min-menu-page > .lv1 > li.have-child > a:after {
  content: "\f2f9";
  font-family: 'Material-Design-Iconic-Font';
  position: absolute;
  right: 5px;
  line-height: 16px;
  font-size: 16px;
  height: 16px;
  width: 16px;
  top: 50%;
  margin-top: -8px;
}
#min-menu-page > .lv1 > li.have-child.expand > a:after {
  content: "\f2fc";
}
#min-menu-page > .lv1 > li.have-child.expand > ul {
  display: block;
}
#min-menu-page > .lv1 > li.have-child > .wrap-lv2 {
  padding: 0px 15px;
  display: none;
}
#min-menu-page > .lv1 > li > a {
  display: block;
  padding: 8px 10px;
  text-transform: uppercase;
  color: #fff;
}
#min-menu-page > .lv1 > li > a:hover {
  color: #007a40;
}
#min-menu-page > .lv1 > li.active a {
  color: #007a40;
}
#min-menu-page > .lv1 > li .lv2 {
  list-style: none;
  background: #3B3B3B;
  display: none;
}
#min-menu-page > .lv1 > li .lv2 > li > a {
  display: block;
  color: #fff;
  padding: 10px 10px 10px 20px;
  text-transform: uppercase;
}
#min-menu-page > .lv1 > li .lv2 > li > a:hover {
  color: #007a40;
}
#min-menu-page > .lv1 > li .lv2 > li.have-child > a {
  padding-right: 30px;
  position: relative;
  text-transform: uppercase;
}
#min-menu-page > .lv1 > li .lv2 > li.have-child > a:after {
  content: "\f2f9";
  font-family: 'Material-Design-Iconic-Font';
  position: absolute;
  right: 5px;
  line-height: 16px;
  font-size: 16px;
  height: 16px;
  width: 16px;
  top: 50%;
  margin-top: -8px;
}
#min-menu-page > .lv1 > li .lv2 > li.have-child.expand > a:after {
  content: "\f2fc";
}
#min-menu-page > .lv1 > li .lv2 > li.have-child.expand > ul {
  display: block;
}
#min-menu-page > .lv1 > li .lv3 {
  list-style: none;
  background: #626262;
  display: none;
}
#min-menu-page > .lv1 > li .lv3 > li > a {
  display: block;
  color: #fff;
  padding: 10px 10px 10px 30px;
  text-transform: uppercase;
}
#min-menu-page > .lv1 > li .lv3 > li > a:hover {
  color: #24abe2;
}
#min-menu-page > .exit {
  border-top: 1px solid #555555;
  margin: 10px 0px;
  padding-top: 10px;
  text-align: center;
  cursor: pointer;
}
#min-menu-page > .exit i {
  width: 30px;
  height: 30px;
  background: red;
  border-radius: 50%;
  color: #fff;
  line-height: 30px;
  font-size: 16px;
}
#min-menu-page .copyright {
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 7px 5px;
  font-size: 12px;
}

.list.breadcrumb>li+li:before{
  content: "\f105";
  font-family: FontAwesome;
  color: #1b1e1c;
}

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

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    background-position: center;
    background-size: cover;
}
.banner-slider{
  margin-top: 80px;
}
#slider img{
  height: 700px;
}

#main-home{
  /*background: url('../images/bk-home.jpg');*/
/*  background-size: cover;
  height: 100%;*/
  /*position: relative;*/
}
#main-home img{
  max-width: 100%;
  width: 100%;
  /*margin-top: -50px;*/
  /*position: relative;*/
}
#footer{
  /*position: absolute;*/
  /*bottom: -8px;*/
  width: 100%;
  background: url('../images/bk-footer1.jpg') no-repeat center center;
  background-size: cover;
  font-family: 'MyriadPro-Regular', sans-serif;
  color: #fff;
  padding-bottom: 4px;
}
.main-footer-left{
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-top: 20px;
  width: 50%;
}
.main-footer-right{
  margin-top: 35px;
}
.main-footer-left h5{
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
}
.link-website h5 {
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-top: -5px;
}
.link-website{
  position: absolute;
  top: -55px;
  width: 97%;
}
.main-footer-left p,
.main-footer-right p{
  margin-bottom: 0px;
  font-family: 'MyriadPro-Regular', sans-serif;
}
.main-footer-left p span,
.main-footer-right p span{
  font-family: 'MyriadPro-Regular', sans-serif;
  font-weight: 600;
}
#license{
  position: relative;
  /*padding-left: 0px;*/
}
.container-fluid{
  position: absolute;
  bottom: -100px;
  padding-left: 0px;
  /*left: -0px;*/
}
.container-fluid p,
.container-fluid a{
  font-size: 10px;
  font-family: 'MyriadPro-Regular', sans-serif;
  color: #fff;
  /*font-weight: 600;*/
  margin: 0px;
}
.social-footer{
  display: inline-block;
  /*float: right;*/
  position: absolute;
  right: 10px;
  bottom: -65px;
}
.social-footer ul{
  list-style: none;
}
.social-footer ul > li{
  width: 33px;
  height: 33px;
  border-radius: 50%;
  border: 1px solid #fff;
  padding: 7px;
  float: left;
  margin-left: 2px;
  text-align: center;
}
.social-footer ul > li > a{
  font-size: 16px;
  color: #fff;
} 
.social-footer ul > li:nth-child(1){
  background: #4e5283;
}
.social-footer ul > li:nth-child(2){
  background: #5896c6;
}
.social-footer ul > li:nth-child(3){
  background: #d60f1e;
}

/*************** main content home *****************/

.main-content-home{
  /*position: absolute;*/
  bottom: 0px;
  width: 100%;
  background: #fffddf;
  padding-bottom: 10px;
}
.main-content-home h4{
  font-size: 22px;
  font-family: 'MyriadPro-Regular', sans-serif;
  color: #000;
  text-transform: uppercase;
  padding-top: 20px;
  margin-bottom: 10px;
}
.main-content-home h4:hover{
  color: #F7941E;
}
/*.content-home{
  margin-bottom: 80px;
}*/
.content-home img{
  width: auto !important;
  float: left;
  margin-right: 15px;
  /*padding-top: 50px;*/
}
.cont-item h5,
.cont-item h5 a{
  color: #007a40;
  font-family: 'MyriadPro-Bold', sans-serif;
  font-size: 14px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.cont-item h5:hover,
.cont-item h5 a:hover,
.content-item a:hover{
  color: #F7941E;
}
#owl-list-news-home .item img{
  position: relative;
}
.date-time{
  /*position: absolute;*/
}
.date-time p{
  font-size: 15px;
  font-family: 'MyriadPro-Cond', sans-serif;
  color: #fff;
  bottom: 0px;
  position: absolute;
  left: 5px;
  margin-bottom: 0px;
}
.date-time .date{
  position: absolute;
  left: 15px;
  top: 10px;
}
.date-time .date h4{
  background: url('../images/bk-date.jpg');
  width: 100%;
  text-align: center;
  padding: 7px 20px;
  font-size: 22px;
  font-family: 'MyriadPro-Cond', sans-serif;
  color: #000;
}
.content-item{
  position: relative;
}
.content-item a{
  font-size: 14px;
  color: #383838;
  font-family: 'MyriadPro-Regular', sans-serif;
}
.see-more{
  margin-top: 13px;
}
#owl-list-news-home .owl-prev {
    display: block;
    width: 16px;
    height: 16px;
    background: url("../images/next-pre.png") 0px 0px !important;
    text-indent: -9999px;
    position: absolute;
    top: -37px;
    left: 165px;
    border-radius: 0px;
    opacity: 1;
}
#owl-list-news-home .owl-prev:hover,
#owl-list-news-home .owl-prev:active{
    display: block;
    width: 16px;
    height: 16px;
    background: url("../images/next-pre.png") 0px 0px !important;
    text-indent: -9999px;
    position: absolute;
    top: -37px;
    left: 165px;
}
#owl-list-news-home .owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}
#owl-list-news-home .owl-next {
    display: block;
    width: 16px;
    height: 16px;
    background: url("../images/next-pre.png") 20px 0px !important;
    text-indent: -9999px;
    position: absolute;
    top: -37px;
    left: 175px;
    border-radius: 0px;
    background: #fff;
    opacity: 1;
}
#owl-list-news-home .owl-next:hover,
#owl-list-news-home .owl-next:active{
  display: block;
    width: 16px;
    height: 16px;
    background: url("../images/next-pre.png") 20px 0px !important;
    text-indent: -9999px;
    position: absolute;
    top: -37px;
    left: 175px;
}

area:hover + span {
    position: absolute; /* can only be positioned relative to the entire map, not the area */
    left: 155px;
    top: -100px;
    z-index: 99;
    background: #FFFFAA;
    border: 1px solid #FFAD33;
    margin: 0;
    width: 250px;
    padding: 20px;
}

@-webkit-keyframes glowing {   0% { background-color: #F7941E; 
-webkit-box-shadow: 0 0 3px #F7941E; }   50% { background-color: #ff0000; 
-webkit-box-shadow: 0 0 10px #ff0000; }   100% { background-color: #F7941E; 
-webkit-box-shadow: 0 0 3px #F7941E; } } 
@-moz-keyframes glowing {   0% { background-color: #F7941E;
-moz-box-shadow: 0 0 3px #F7941E; }   50% { background-color: #ff0000; 
-moz-box-shadow: 0 0 10px #ff0000; }   100% { background-color: #F7941E; 
-moz-box-shadow: 0 0 3px #F7941E; } }  
@-o-keyframes glowing {   0% { background-color: #F7941E; box-shadow: 0 0 3px #F7941E; } 
50% { background-color: #ff0000; box-shadow: 0 0 10px #ff0000; } 
100% { background-color: #F7941E; box-shadow: 0 0 3px #F7941E; } }  
@keyframes glowing {   0% { background-color: #F7941E; box-shadow: 0 0 3px #F7941E; }  
50% { background-color: #ff0000; box-shadow: 0 0 10px #ff0000; } 
100% { background-color: #F7941E; box-shadow: 0 0 3px #F7941E; } }  

.maps-image button {   
  -webkit-animation: glowing 500ms infinite; 
  -moz-animation: glowing 500ms infinite;   
  -o-animation: glowing 500ms infinite;  
  animation: glowing 500ms infinite; 
  border-radius: 50%;
}



/******************** rect ************************/

.rect{
  position: absolute;
  top: 45px;
  left: 357px;
  /*background: url('../images/rect.png') no-repeat;*/
}
.rect img{
  opacity: 0;
  position: relative;
  width: 200px;
  visibility: hidden;
  z-index: 1;
}
.rect p{
  position: absolute;
  width: 50px;
  z-index: 1;
  width: 101px;
  z-index: 2;
  left: 34px;
  top: 10px;
  opacity: 0;
  visibility: hidden;
  font-size: 13px;
  color: #fff;
  font-family: 'MyriadPro-Regular', sans-serif;
}
.rect p span{
  font-family: 'MyriadPro-Bold', sans-serif;
}
.rect:hover img,
.rect:hover p{
  opacity: 1;
  visibility: visible;
}
.rect button{
  background: url('../images/icon.png') -11px -4px;
  width: 22px;
  height: 22px;
  position: absolute;
  border: none;
  left: 190px;
  top: 82px;
}
/******************* rect 1 ******************/

.rect1{
  position: absolute;
  top: 80px;
  left: 602px;
  /*background: url('../images/rect.png') no-repeat;*/
}
.rect1 img{
  opacity: 0;
  position: relative;
  width: 200px;
  visibility: hidden;
  z-index: 1;
}
.rect1 p{
  position: absolute;
  width: 50px;
  z-index: 2;
  width: 120px;
  left: 60px;
  top: 27px;
  opacity: 0;
  visibility: hidden;
  font-size: 13px;
  color: #fff;
  font-family: 'MyriadPro-Regular', sans-serif;
}
.rect1 p span{
  font-family: 'MyriadPro-Bold', sans-serif;
}
.rect1:hover img,
.rect1:hover p{
  opacity: 1;
  visibility: visible;
}
.rect1 button{
  background: url('../images/icon.png') -81px -9px;
  width: 22px;
  height: 22px;
  position: absolute;
  border: none;
  left: -10px;
  top: 68px;
}

/******************* rect 2 ******************/

.rect2{
  position: absolute;
  top: 390px;
  left: 582px;
  /*background: url('../images/rect.png') no-repeat;*/
}
.rect2 img{
  opacity: 0;
  position: relative;
  width: 200px;
  visibility: hidden;
  z-index: 1;
}
.rect2 p{
  position: absolute;
  width: 50px;
  z-index: 2;
  width: 120px;
  left: 60px;
  top: 27px;
  opacity: 0;
  visibility: hidden;
  font-size: 13px;
  color: #fff;
  font-family: 'MyriadPro-Regular', sans-serif;
}
.rect2 p span{
  font-family: 'MyriadPro-Bold', sans-serif;
}
.rect2:hover img,
.rect2:hover p{
  opacity: 1;
  visibility: visible;
}
.rect2 button{
  background: url('../images/icon.png') -109px -12px;
  width: 22px;
  height: 22px;
  position: absolute;
  border: none;
  left: -9px;
  top: 32px;
}

/******************* rect 3 ******************/

.rect3{
  position: absolute;
  top: 525px;
  left: 598px;
  /*background: url('../images/rect.png') no-repeat;*/
}
.rect3 img{
  opacity: 0;
  position: relative;
  width: 230px;
  visibility: hidden;
  z-index: 1;
}
.rect3 p{
  position: absolute;
  width: 50px;
  z-index: 2;
  width: 120px;
  left: 100px;
  top: 27px;
  opacity: 0;
  visibility: hidden;
  font-size: 13px;
  color: #fff;
  font-family: 'MyriadPro-Regular', sans-serif;
  text-align: center;
}
.rect3 p span{
  font-family: 'MyriadPro-Bold', sans-serif;
}
.rect3:hover img,
.rect3:hover p{
  opacity: 1;
  visibility: visible;
}
.rect3 button{
  background: url('../images/icon.png') -109px -12px;
  width: 22px;
  height: 22px;
  position: absolute;
  border: none;
  left: -9px;
  top: 23px;
}

/******************* rect 4 ******************/

.rect4{
  position: absolute;
  top: 665px;
  left: 550px;
  /*background: url('../images/rect.png') no-repeat;*/
}
.rect4 img{
  opacity: 0;
  position: relative;
  width: 230px;
  visibility: hidden;
  z-index: 1;
}
.rect4 p{
  position: absolute;
  width: 50px;
  z-index: 2;
  width: 120px;
  left: 70px;
  top: 45px;
  opacity: 0;
  visibility: hidden;
  font-size: 13px;
  color: #fff;
  font-family: 'MyriadPro-Regular', sans-serif;
  text-align: center;
}
.rect4 p span{
  font-family: 'MyriadPro-Bold', sans-serif;
}
.rect4:hover img,
.rect4:hover p{
  opacity: 1;
  visibility: visible;
}
.rect4 button{
  background: url('../images/icon.png') -46px -5px;
  width: 22px;
  height: 22px;
  position: absolute;
  border: none;
  left: -10px;
  top: -15px;
}


/******************* rect 5 ******************/

.rect5{
  position: absolute;
  top: 735px;
  left: 300px;
  /*background: url('../images/rect.png') no-repeat;*/
}
.rect5 img{
  opacity: 0;
  position: relative;
  width: 230px;
  visibility: hidden;
  z-index: 1;
}
.rect5 p{
  position: absolute;
  width: 50px;
  z-index: 2;
  width: 120px;
  left: 20px;
  top: 30px;
  opacity: 0;
  visibility: hidden;
  font-size: 13px;
  color: #fff;
  font-family: 'MyriadPro-Regular', sans-serif;
  text-align: center;
}
.rect5 p span{
  font-family: 'MyriadPro-Bold', sans-serif;
}
.rect5:hover img,
.rect5:hover p{
  opacity: 1;
  visibility: visible;
}
.rect5 button{
  background: url('../images/icon.png') -109px -12px;
  width: 22px;
  height: 22px;
  position: absolute;
  border: none;
  right: -15px;
  top: 30px;
}


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

#page-header > .page-top > img{
  margin-top: 80px;
  max-width: 100%;
  width: 100%;
  min-height: 250px;
}
#page-header{
  display: inline-block;
  width: 100%;
  background: #fffddf;
}
.page-top{
  position: relative;
}
#breadcrumb{
  background: rgba(250,250,250,0.8);
  position: absolute;
  bottom: 0px;
  width: 100%;
}
#breadcrumb .list{
  margin-bottom: 0px;
  background-color: rgba(250,250,250,0.1);
  padding-left: 0px;
}
.list > li{
  text-transform: uppercase;
}
.breadcrumb > li:last-child a{
  font-size: 16px;
  color: #007a40;
  font-family: 'MyriadPro-Semibold', sans-serif;
}
.breadcrumb > li > a{
  font-size: 16px;
  color: #343434;
  font-family: 'MyriadPro-Semibold', sans-serif;
  text-transform: uppercase;
}
.album-detail{
  margin-top: 30px;
  margin-bottom: 30px;
}
.image-product-detail #thumbnails{
  list-style: none;
}
.thumb-box{
  /*padding-top: 10px;*/
  border: 1px solid #cfcfcf;
}
.thumb-box .thumbs{
  list-style: none;
  margin-left: 60px;
  margin-right: 60px;
  margin-top: 10px;
}
.thumb-box .thumbs .item{
  margin: 10px;
  
}
.thumb-box .thumbs .item img{
  margin-top: 0px !important;
  width: 100%;
  max-width: 100%;
  opacity: 0.5;
}
.thumb-box .thumbs .item img.active{
  opacity: 1;
  border: 1px solid #06763e;
}
#thumbnails li img{
  border: 1px solid #828282;
}

#owl-list-thumb .owl-prev {
    display: block;
    width: 33px;
    height: 35px;
    background: url("../images/next-pre-album.png") 0px 0px !important;
    text-indent: -9999px;
    position: absolute;
    top: 26%;
    left: -50px;
    border-radius: 0px;
    opacity: 1;
}
#owl-list-thumb .owl-prev:hover,
#owl-list-thumb .owl-prev:active{
    display: block;
    width: 33px;
    height: 35px;
    background: url("../images/next-pre-album.png") 34px 36px !important;
    text-indent: -9999px;
    position: absolute;
    top: 26%;
    left: -50px;
}
#owl-list-thumb .owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}
#owl-list-thumb .owl-next {
    display: block;
    width: 33px;
    height: 35px;
    background: url("../images/next-pre-album.png") 0px 36px !important;
    text-indent: -9999px;
    position: absolute;
    top: 26%;
    right: -50px;
    border-radius: 0px;
    background: #fff;
    opacity: 1;
}
#owl-list-thumb .owl-next:hover,
#owl-list-thumb .owl-next:active{
  display: block;
    width: 33px;
    height: 35px;
    background: url("../images/next-pre-album.png") 35px 0px !important;
    text-indent: -9999px;
    position: absolute;
    top: 26%;
    right: -50px;
}

.thumb-video .thumbs #owl-list-thumb li.item a{
  position: relative;
  height: 144px;
  width: 100%;
  max-width: 100%;
}
.thumb-video .thumbs > #owl-list-thumb li.item a::before{
  content:"";
  position:absolute;
  width: 100%;
  height: 144px;
  bottom: 0px;
  /*left: 0px;*/
  z-index: 9;
  max-width: 100%;
  /*background: url('../images/icon-video.png') no-repeat center;*/
}

.thumbnails-video li a{
  position: relative;
}

/*.thumbnails-video li a::before{
  content:"";
  position:absolute;
  width: 100%;
  height: 57px;
  top: 50%;
  left: 0px;
  z-index: 9;
  max-width: 100%;
  background: url('../images/thumbnails-video.png') no-repeat center;
}*/

.thumbnails-video li iframe{
  width: 100%;
  max-width: 100%;
  border: 1px solid #828282;
}
.thumbs li iframe.active{
  opacity: 1;
  border: 2px solid #06763e;
}
.thumbs li iframe{
  opacity: 0.5;
  max-width: 100%;
  width: 100%;
}
.thumb-video{
  margin-top: -5px;
}

/********************** quy hoach ban do *******************/

.main-content{
  margin-top: 30px;
}
.main-content img{
  margin-top: initial !important;
  margin-bottom: 20px;
  max-width: 100%;
}
.main-maps h4{
  font-size: 24px;
  color: #393939;
  font-family: 'MyriadPro-BoldCond', sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.main-maps p{
  font-size: 16px;
  color: #232323;
  font-family: 'MyriadPro-Regular', sans-serif;
  margin-bottom: 20px;
}
.main-maps ul{
  list-style: none;
  padding-left: 40px;
  margin-bottom: 20px;
}
.main-maps ul li{
  font-size: 16px;
  color: #232323;
  font-family: 'MyriadPro-Regular', sans-serif;
  margin-bottom: 5px;
}
.main-maps .list{
  margin-bottom: 0px;
}

/******************* dich vu chi tiet ***********************/

.content-detail-service{
  margin-top: 20px;
}
.title-service-detail img{
  margin-top: -20px !important;
  max-width: 100%;
}
.title-service-detail{
  display: inline-block;
}
.title-service-detail h4 img{
  float: left;
  margin-top: 0px !important;
  margin-right: 10px;
}
.title-service-detail h4{
  font-family: 'MyriadPro-Bold', sans-serif;
  color: #343434;
  font-size: 20px;
  margin-bottom: 5px;
}
.detail-service{
  margin-bottom: 20px;
}
.detail-service h4{
  font-size: 20px;
  color: #383838;
  font-family: 'MyriadPro-Bold', sans-serif;
  margin-bottom: 5px;
  margin-top: 10px;
}
.detail-service p,
.detail-service ul li{
  font-size: 16px;
  color: #232323;
  font-family: 'MyriadPro-Regular', sans-serif;
}
.detail-service ul,
.main-maps ul{
  padding-left: 30px;
  list-style: inherit;
}
.main-maps h5{
  font-size: 18px;
  color: #232323;
  font-family: 'MyriadPro-Bold', sans-serif;
  margin-bottom: 10px;
}
.main-maps h6{
  font-size: 16px;
  color: #232323;
  font-family: 'MyriadPro-Bold', sans-serif;
  margin-bottom: 10px;
}
#owl-list-service-concern img{
  margin-top: 0px !important;
}

#owl-list-service-concern .owl-prev {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../images/next-pre-service.png") 0px 0px !important;
    text-indent: -9999px;
    position: absolute;
    top: -60px;
    right: 27px;
    border-radius: 0px;
    opacity: 1;
}
#owl-list-service-concern .owl-prev:hover,
#owl-list-service-concern .owl-prev:active{
    display: block;
    width: 30px;
    height: 30px;
    background: url("../images/next-pre-service.png") 0px 0px !important;
    text-indent: -9999px;
    position: absolute;
    top: -60px;
    right: 27px;
}
#owl-list-service-concern .owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}
#owl-list-service-concern .owl-next {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../images/next-pre-service.png") 30px 0px !important;
    text-indent: -9999px;
    position: absolute;
    top: -60px;
    right: -5px;
    border-radius: 0px;
    background: #fff;
    opacity: 1;
}
#owl-list-service-concern .owl-next:hover,
#owl-list-service-concern .owl-next:active{
  display: block;
    width: 30px;
    height: 30px;
    background: url("../images/next-pre-service.png") 30px 0px !important;
    text-indent: -9999px;
    position: absolute;
    top: -60px;
    right: -5px;
}
.title-service-concern{
  margin-top: 50px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #9f9f9f;
}
.title-service-concern h3{
  font-size: 30px;
  color: #000;
  font-family: 'MyriadPro-BoldCond', sans-serif;
  text-transform: uppercase;
  padding-bottom: 5px;
}
#owl-list-service-concern{
  margin-top: 20px;
  margin-bottom: 40px;
}
#owl-list-service-concern .item-service{
  margin: 10px;
}

/********************** dich vu ******************/

.list-service{
  margin-top: 20px;
}

.list-service img{
  margin-top: 0px !important;
  /*margin-right: 10px;*/
}
.item-service h5 img{
  /*margin-right: 10px;*/
  float: left;
  /*display: block;*/
  /*min-height: 30px;*/
}
.item-service h5 span{
  margin-right: 10px;
  float: left;
  /*display: block;*/
  min-height: 30px;
}
.item-service h5,
.item-service h5 a{
  font-family: 'MyriadPro-Semibold', sans-serif;
  color: #343434;
  font-size: 16px;
  font-weight: 600;
}
.item-service{
  margin-top: 20px;
}
.item-service p{
  font-family: 'MyriadPro-Regular', sans-serif;
  font-size: 15px;
  color: #232323;
}
.item-service span a{
  font-family: 'MyriadPro-Bold', sans-serif;
  font-size: 14px;
  color: #007a40;
}
.list-service{
  margin-bottom: 40px;
}

/************************** paging ****************/
.paging{
  float: right;
  margin-top: 20px;
}

.paging a{
  display: inline-block;
  width: 100%;
  list-style: none;
}
.paging a{
  float: left;
  width: 33px;
  height: 33px;
  border: 1px solid #cfcfcf;
  text-align: center;
  padding-top: 5px;
  margin-left: 10px;
}
.paging a:first-child,
.paging a:last-child{
  width: 47px;
  border: 1px solid #ffd320;
}
.paging a:first-child{
  border-radius: 5px 0px 0px 5px;
}
.paging a:last-child{
  border-radius: 0px 5px 5px 0px;
}
.paging a:hover,
.paging a.active{
  background: #ffd320;
}
.paging a:hover,
.paging a.active{
  color: #fff;
}
.paging a{
  font-size: 14px;
  color: #777777;
  font-family: 'MyriadPro-Regular', sans-serif;
  padding-top: 5px;
}
.paging a i{
  font-size: 16px;
}

/********************** gioi thieu KH *******************/

.title-kh{
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}
.title-kh h3{
  font-size: 24px;
  color: #393939;
  font-family: 'MyriadPro-BoldCond', sans-serif;
  text-transform: uppercase;
}
.content-about-kh{
  text-align: center;
  margin-bottom: 30px;
}
.content-about-kh p{
  font-size: 14px;
  color: #232323;
  font-family: 'MyriadPro-Regular', sans-serif;
  text-align: left;
  width: 100%;
}
.content-about-kh p span{
  font-weight: 600;
  font-family: 'MyriadPro-Bold';
}
.content-about-kh img{
  margin-top: 10px !important;
  margin-bottom: 20px;
  text-align: center;
  max-width: 100%;
}

/************************ news *********************/

.news{
  margin-top: 30px;
}

.news img{
  margin-top: 0px !important;
}
.item-news{
  text-align: center;
  margin-bottom: 30px;
  margin-top: 130px;
  min-height: 265px;
}
.item-news .image-news{
  position: absolute;
  top: -120px;
  left: 12px;
}
.content-item-news{
  border: 1px solid #aeaeae;
  /*margin-top: -50px;*/
  position: relative;
  z-index: 1;
  display: inline-block;
  /*min-height: 280px;*/
}
.date-news{
  position: absolute;
  background: #fff;
  padding: 8px 20px;
  left: 20px;
  top: 15px;
  -webkit-box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.2);
box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.2);
}
.date-news h5{
  font-size: 19px;
  color: #007a40;
  font-family: 'MyriadPro-Cond', sans-serif;
  margin-bottom: 0px;
  font-weight: 600;
}
.date-news p{
  font-size: 13px !important;
  color: #007a40 !important; 
  font-family: 'MyriadPro-Cond', sans-serif !important;
  margin-bottom: 0px !important;
  font-weight: 600;
  min-height: auto !important;
}
.content-item-news h4 a{
  font-size: 16px;
  color: #393939;
  font-family: 'MyriadPro-BoldCond', sans-serif;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 90px;
  position: relative;
  text-align: left;
  margin-bottom: 20px;
  width: 100%;
  min-height: 35px;
}
.content-item-news h4 a::before{
  content:"";
  position:absolute;
  width: 100%;
  height: 2px;
  top: 36px;
  left: -85px;
  z-index: 9;
  max-width: 100%;
  background: url('../images/border-news.png') no-repeat center;
}

.content-item-news p{
  font-size: 15px;
  color: #232323;
  font-family: 'MyriadPro-Regular', sans-serif;
  margin-bottom: 0px;
  padding: 0px 10px 0px 10px;
  text-align: left;
  display: inline-block;
  min-height: 85px;
}
.content-item-news a{
  font-size: 15px;
  color: #007a40;
  font-family: 'MyriadPro-Bold', sans-serif;
  padding-left: 10px;
  float: left;
  margin-bottom: 10px;
}
.news .paging{
  margin-bottom: 30px;
}

/************ news detail *********/

.title-news{
  margin-top: 20px;
}
.title-news h3{
  font-size: 24px;
  color: #393939;
  font-family: 'MyriadPro-BoldCond', sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.content-news-detail{
  text-align: center;
  margin-bottom: 30px;
}
.content-news-detail img{
  margin-top: 10px !important;
  margin-bottom: 15px;
  max-width: 100%;
}
.content-news-detail p{
  text-align: left;
}
.content-news-detail p,
.content-news-detail ul li{
  font-size: 16px;
  color: #393939;
  font-family: 'MyriadPro-Regular', sans-serif;
  text-align: left;
  width: 100%;
}
.content-news-detail ul{
  list-style: none;
  padding-left: 30px;
}
#owl-list-news-concern{
  margin-top: 10px;
}
#owl-list-news-concern .item-news{
  margin-left: 10px;
  margin-right: 10px;
}
#owl-list-news-concern img{
  margin-top: 0px !important;
}
#owl-list-news-concern .owl-prev {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../images/next-pre-service.png") 0px 0px !important;
    text-indent: -9999px;
    position: absolute;
    top: -60px;
    right: 27px;
    border-radius: 0px;
    opacity: 1;
}
#owl-list-news-concern .owl-prev:hover,
#owl-list-news-concern .owl-prev:active{
    display: block;
    width: 30px;
    height: 30px;
    background: url("../images/next-pre-service.png") 0px 0px !important;
    text-indent: -9999px;
    position: absolute;
    top: -60px;
    right: 27px;
}
#owl-list-news-concern .owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}
#owl-list-news-concern .owl-next {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../images/next-pre-service.png") 30px 0px !important;
    text-indent: -9999px;
    position: absolute;
    top: -60px;
    right: -5px;
    border-radius: 0px;
    background: #fff;
    opacity: 1;
}
#owl-list-news-concern .owl-next:hover,
#owl-list-news-concern .owl-next:active{
  display: block;
    width: 30px;
    height: 30px;
    background: url("../images/next-pre-service.png") 30px 0px !important;
    text-indent: -9999px;
    position: absolute;
    top: -60px;
    right: -5px;
}

/************************ contact **************/

.contact{
  margin-top: 30px;
  margin-bottom: 30px;
}
.contact-detail h4{
  position: relative;
  color: #232323;
  font-family: 'MyriadPro-Bold', sans-serif;
  font-size: 18px;
  border-bottom: 1px solid #bbbbbb;
  text-transform: uppercase;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.contact-detail h4::after{
  content:"";
  position:absolute;
  width: 80px;
  height: 5px;
  top: 20px;
  left: 0px;
  z-index: 9;
  max-width: 100%;
  border-bottom: 3px solid #007a40;
}
.contact-top h5,
.contact-top p span{
  font-size: 13px;
  font-family: 'MyriadPro-Regular', sans-serif;
  text-transform: uppercase;
  color: #393939;
}
.contact-top p span{
  text-transform: none;
  font-weight: 600;
}
.contact-top p{
  font-family: 'MyriadPro-Regular', sans-serif;
  margin-bottom: 5px;
  color: #393939;
}
.detail-contact-top{
  margin-bottom: 20px;
}
.contact-bot{
  margin-top: 20px;
}
.contact-bot h4{
  margin-bottom: 15px;
}
.form-contact input,
.form-contact textarea{
  border-radius: 0px;
  border: 1px solid #d8d8d8;
  box-shadow: none;
}
.form-contact button{
  width: 100%;
  border: 1px solid #d8d8d8;
  background: #393939;
  color: #fff;
  opacity: 0.3;
}
.form-contact button:hover{
  background: #077a40;
  color: #fff;
}
.maps iframe{
  width: 100%;
  max-width: 100%;
  /*height: 100% !important;*/
}

/********************* location **************/

.location{
  margin-top: 30px;
  margin-bottom: 30px;
}
.location img{
  margin-top: 0px !important;
  margin-bottom: 20px;
  position: relative;
  max-width: 100%;
}
.content-location{
  position: relative;
}
.title-location h3{
  font-size: 24px;
  color: #393939;
  font-family: 'MyriadPro-BoldCond', sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.detail-location h5{
  font-size: 24px;
  color: #393939;
  font-family: 'MyriadPro-Bold', sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.detail-location ul li{
  font-size: 20px;
  color: #393939;
  font-family: 'MyriadPro-Regular', sans-serif;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.image-location-mobile{
  display: none;
  /*margin-top: 10px;*/
}
.image-location-mobile img{
  max-width: 100%;
}
.image-album-mobile{
  display: none;
  margin-top: 10px;
}
#owl-list-album-mobile .item img{
  max-width: 100%;
  height: auto;
  width: 100%;
}
#owl-list-album-mobile .owl-prev {
    display: block;
    width: 30px;
    height: 60px;
    background: url("../images/slider-prev.png") 0px -27px !important;
    text-indent: -9999px;
    position: absolute;
    top: 40%;
    left: -5px;
    border-radius: 0px;
    opacity: 1;
}
#owl-list-album-mobile .owl-prev:hover,
#owl-list-album-mobile .owl-prev:active{
    display: block;
    width: 30px;
    height: 60px;
    background: url("../images/slider-prev.png") 0px -27px !important;
    text-indent: -9999px;
    position: absolute;
    top: 40%;
    left: -5px;
}
#owl-list-album-mobile .owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}
#owl-list-album-mobile .owl-next {
    display: block;
    width: 30px;
    height: 60px;
    background: url("../images/slider-next.png") 30px -25px !important;
    text-indent: -9999px;
    position: absolute;
    top: 40%;
    right: -5px;
    border-radius: 0px;
    background: #fff;
    opacity: 1;
}
#owl-list-album-mobile .owl-next:hover,
#owl-list-album-mobile .owl-next:active{
  display: block;
    width: 30px;
    height: 60px;
    background: url("../images/slider-next.png") 30px -25px !important;
    text-indent: -9999px;
    position: absolute;
    top: -40%;
    right: -5px;
}

.list-album{
  margin-top: 30px;
}
.list-album .item-album{
  margin-bottom: 30px;
}
.list-album .item-album img{
  max-width: 100%;
}
.image-item-album{
  position: relative;
  margin-bottom: 10px;
}
.image-item-album a::before{
  content:"";
  position:absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
  background: rgba(0,122,64,0.5);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  /*background: url('../images/img-behind-album.png') no-repeat center;*/
}
.image-item-album a::after{
  content:"";
  position:absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background: url('../images/img-behind-album.png') no-repeat center;
  transition: 0.3s;
}
.image-item-album a:hover:before, 
.image-item-album a:hover:after{
  opacity: 1;
  visibility: visible;
}
.title-album{
  text-align: center;
  display: inline-block;
  width: 100%;
}
.title-album h6{
  font-size: #404040;
  font-family: 'MyriadPro-Bold';
  font-size: 18px;
  text-transform: uppercase;
}


.main-content table{
    width: 100% !important;
    max-width: 100% !important;
    overflow-y: hidden;
    overflow-x: auto;
  }


.fotorama__nav-wrap{
  margin-left: 50px;
  margin-right: 50px;
  position: relative;
  
}
.fotorama{
  border: 1px solid #cfcfcf;
}
.fotorama__arr{
  position: absolute;
  bottom: -65px;
  top: auto;
  z-index: 9999;
  width: 35px;
  height: 35px;
  display: block;
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus),
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){
  transform: none;
  opacity: 1;
}
.fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), 
.fotorama__wrap--css3 .fotorama__video-close:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus){
  transition: none;
  opacity: 1;
}
/*.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){
  background: url("../images/next-pre-album.png") 35px 0px !important;
}*/
.fotorama__arr.fotorama__arr--prev{
  background: url("../images/next-pre-album.png") 0px 0px !important;
}
.fotorama__arr.fotorama__arr--next{
  background: url("../images/next-pre-album.png") 0px 37px !important;
}
.fotorama__arr--disabled{
  opacity: 1 !important;
  z-index: 9999;
}
.fotorama__stage__frame.fotorama__active{
  z-index: 0;
}
.fotorama__stage{
  overflow: visible;
}