@font-face{font-family:'centurygothic';src:url('../fonts/century-gothic.ttf') format('truetype');}
body{ font-family:'centurygothic'; font-size:15px; line-height: 1.7; font-style:normal; background: #8a4466;}
body img, body table{max-width:100% !important;}
.century_gothic{font-family:'centurygothic' !important;}
#menudesktop li, #menudesktop a, .img-hover img, .img-hover .overlay, .newsthumb span {-moz-transition:all 300ms ease-out 0s;-ms-transition:all 300ms ease-out 0s;-o-transition:all 300ms ease-out 0s;-webkit-transition:all 300ms ease-out 0s;transition:all 300ms ease-out 0s;}
a{color: #000;}
a:hover, a:focus{color: #F89A20;}
.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}
.container{position: relative;}
header{
  background: url('../images/bg-header.png') repeat-x;position: relative; z-index: 993; display: none; padding: 10px 0px;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";
   -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.4);
   -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.4);
   box-shadow: 0 0 5px 2px rgba(0,0,0,0.4);
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); */ 
}

#home{float: left; display: block; padding: 0px;}
#logohome{position: absolute; display: block; left: 60px; top: -10px; bottom: -10px; width: 130px;}

#lang { position: absolute; right: 15px; bottom: 5px; z-index: 989}
#lang > a { display: inline-block; width: 35px; padding: 0px 2px 5px; }
#lang-mmenu > a { display: inline-block; width: 45px; padding: 0px 5px 10px; }
nav#menutop{position: absolute; right: 10px; top: -5px; display: none;}
#menutop ul{margin: 0px; padding: 0px;}
#menutop li{display: inline-block; list-style: none; padding: 0px 5px; border-left: 1px solid #fff;}
#menutop li:first-child{border: none; padding-left: 0px;}
#menutop a{color: #fff; font-size: 13px; font-weight: bold;}

#menudesktop{position: relative; display: none; z-index: 1989; border: 2px solid #fff; border-left: none; border-right: none;}
#menudesktop ul{margin: 0px; padding: 0px; list-style: none;}
#menudesktop div > ul:after{content: ''; display: table; clear: both;}
#menudesktop div > ul > li{float: left; width: 20%; text-align: center; position: relative; padding: 5px 0px}
#menudesktop div > ul > li:nth-child(1){width: 5%;}
#menudesktop div > ul > li:nth-child(1) a{padding: 15px 20px; font-size: 20px;}
#menudesktop div > ul > li:nth-child(2){}
#menudesktop div > ul > li:nth-child(3){}
#menudesktop div > ul > li:nth-child(4){}
#menudesktop div > ul > li:nth-child(5){width: 16%;}
#menudesktop div > ul > li:nth-child(6){width: 19%;}
#menudesktop a{display: inline-block; color: #6b0101; font-size: 18px; font-weight: bold; padding: 12px 30px; background: url(../images/bg-menu.png) no-repeat center center; background-size: 100% 100%;}
#menudesktop li a:hover, #menudesktop li.active a{text-decoration: none; color: #D88604;}
#menudesktop li ul{display: none; position: absolute; left: 0px; text-align: left; padding: 10px 0px; background: rgba(0, 0, 0, 0.7); min-width: 260px;}
#menudesktop li ul a{padding: 5px 15px !important; text-transform: none; color: #fff; font-size: 16px; background: none; display: block;}
#menudesktop li ul a:hover, #menudesktop li ul li.active a{color: #fff; background-color: rgba(0, 0, 0, 0.6);}

#page{padding-top: 74px;}
#hamburger {
  display: block; width: 100%; position: fixed; top: 0px; left: 0; z-index: 989;
  background: url('../images/bg-header.png') repeat-x; font-size: 20px; color: #fff; text-align: center; padding: 20px 0px; padding-left: 50px; margin: 0px; font-weight: bold;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color=#000000)";
  -moz-box-shadow: 0 0 10px 2px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.4);
  box-shadow: 0 0 10px 2px rgba(0,0,0,0.4);
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#000000); 
}
#hamburger:hover, #hamburger:focus{text-decoration: none;}
#hamburger:before, #hamburger:after, #hamburger span {
  background: #fff;
  content: '';
  display: block;
  width: 30px;
  height: 5px;
  position: absolute;
  left: 20px;
  -webkit-transition: none 0.5s ease 0.5s;
  transition: none 0.5s ease 0.5s;
  -webkit-transition-property: transform, top, bottom, left, opacity;
  transition-property: transform, top, bottom, left, opacity;
}
#hamburger:before {
  top: 25px;
}
#hamburger span {
  top: 35px;
}
#hamburger:after {
  top: 45px;
}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {
  top: 35px;
}
html.mm-opening #hamburger:before {
  transform: rotate( 45deg );
}
html.mm-opening #hamburger span {
  left: -50px;
  opacity: 0;
}
html.mm-opening #hamburger:after {
  transform: rotate( -45deg );
}
.mm-menu{
	background: #B76702; color: rgba(255, 255, 255, 1);border-color: rgba(255, 255, 255, 1); display: none;
}
#mm-logo{padding: 2px 0px;}
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a{color: #fff; text-transform: uppercase;}
.mm-menu .mm-listview{border-bottom: 1px solid #fff;}
.mm-listview > li:not(.mm-divider):after{border-color: #fff;}
.mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before{border-color: #fff;}
.mm-listview > li:last-child:after{border-color: transparent;}
.mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after{border-color: #fff;}
.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after{border-color: #fff;}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span{margin-top: -1px; border-top: 1px solid #fff; margin-bottom: -1px; border-bottom: 1px solid #fff;}
.mm-menu .mm-listview > li:first-child.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li:first-child.mm-selected > span{margin-bottom: -1px; border-bottom: 1px solid #fff;}
.mm-menu .mm-listview > li:last-child.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li:last-child.mm-selected > span{margin-top: -1px; border-top: 1px solid #fff;}

.mm-navbar-top-1{height: auto;}
.mm-navbar-top-2{top: 90px;}
.mm-hasnavbar-top-2 .mm-panel{top: 100px;}
.mm-menu > .mm-panel > .mm-listview:first-child, .mm-menu > .mm-panel > .mm-navbar + .mm-listview{margin-top: 10px;}
#mm-blocker{background-color: rgba(5, 5, 5, 0.15)}
.mm-menu > .mm-navbar-bottom, .mm-menu > .mm-navbar-top-1{background-color: rgba(0, 0, 0, 0.4)}

#wowslider-container1{
  max-height: 500px; overflow: hidden;
  /* margin: 15px auto !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";
  -moz-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.4);
  -webkit-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.4);
  box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.4);
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000);  */
}
#wowslider-container1 .ws_images ul{padding: 0px; margin: 0px; list-style: none;}
.content{position: relative; z-index: 989; padding: 20px 0px;}

.bs-component{margin-bottom: 15px;}
.bs-component h1{margin: 0px; padding-bottom: 10px;}
.content .box_home{
  float: left; width: 100%; margin: -80px 0px -40px; padding: 15px; background: #fff; border-bottom: 2px solid #5F2943;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";
  -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.4);
  box-shadow: 0 0 5px 2px rgba(0,0,0,0.4);
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); 
}
.content .box{float: left;width: 100%;}
.b-title{margin: -15px -15px 20px; background: #8A4466}
.b-title h5, .b-title h4, .b-title h3, .b-title h2, .b-title h1{margin: 0px; padding: 10px 20px; color: #fff;}

.titletop{content: ''; height: 59px; background: #8A4466; margin: -15px -15px 15px -10px;}
#title h1{
  padding: 15px 0px; color: #fff; font-family: 'centurygothic';
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000)";
  text-shadow: 5px 5px 5px rgba(0,0,0,0.5);
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); 
}
.title_more{margin: 40px 0px 20px; text-transform: uppercase;}

.left-box{margin: 0px auto 25px;}
.left-box .l-offices{font-weight: bold;}
#company{padding: 10px 0px; margin-bottom: 15px; border: 3px double #ddd; border-left: none; border-right: none;}
#company p{margin: 0px;}
#company h5{font-size: 18px; margin: 0px; margin-bottom: 10px; text-align: center;} 
#company #l-social a{display: inline-block;}
.left-box ul{margin: 0px; padding: 0px; list-style: none;}

.linkflash {
  margin-bottom: 10px;
  position: relative;
}
.linkflash a {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1989;
}

.tour{padding: 0px 15px;}
.img-hover {
    position: relative;
    overflow: hidden;
    border: 1px solid #dedede;
}
.img-hover:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
    cursor: pointer;
}
.img-hover .overlay {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 99;
    top: 0;
    background: rgba(138, 68, 102, 0.5);
    opacity: 0;
}
.img-hover:hover .overlay {
    opacity: 1;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.img-hover .overlay a {
    padding-top: 30%;
    height: 100%;
    display: block;
    font-size: 3.5rem;
    color: #f5f5f5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color=#000000)";
    text-shadow: 1px 1px 7px rgba(0,0,0,0.5);
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); 
}
.info-gallery {
    position: relative;
    text-align: center;
    border: solid #dedede 1px;
    padding: 20px 10px 30px 10px;
    margin-bottom: 40px;
    border-top: 0px;
}
.info-gallery:after,
.info-gallery:before {
  bottom: 100%;
  left: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 100;
}
.info-gallery:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #FFFFFF;
  border-width: 20px;
  margin-left: 0px;
}
.info-gallery:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #dedede;
  border-width: 22px;
  margin-left: -2px;
}
.info-gallery h3 {
    padding: 5px 0 15px 0;
    margin: 0;
    color: #272727;
    font-weight: normal;
    font-size: 20px;
}
.info-gallery .separator {
    border: none;
    border-top: 1px solid #8A4466;
    clear: both;
    display: block;
    position: relative;
    margin: 2px auto 15px auto!important;
    max-width: 80%;
}
hr.separator:before {
    background: #8A4466;
    content: "";
    height: 5px;
    left: 50%;
    margin: -2px 0 0 -2px;
    position: absolute;
    top: -1px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 5px;
}
.info-gallery .content_detail p {
    margin-bottom: 0;
    font-size: 0.85rem;
    line-height: 1.3rem;
}
.content-btn{margin-top: 10px;}

.nav-tabs{clear: both; border: 1px solid #F89A20;}
.nav-tabs li{text-align: center; width: 100%; border-bottom: 1px solid #F89A20; margin: 0px; }
.nav-tabs li:last-child{border-bottom: none;}
.nav-tabs li.active{background-color: #F89A20;}
.tab-pane{padding: 15px;}
.nav-tabs>li>a{padding: 10px 0px; margin-right: 0px; border: none; display: block;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{font-weight: bold; color: #fff; border: none; background: transparent;}
.tab-content{border: 1px solid #F89A20;}
.tab-content>.tab-pane:after{content: ''; clear: both; display: table}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus{background: transparent; border-color: transparent; color: #F89A20;}

.form-tour legend, .frm-contact legend{color: #000; font-weight: bold;}
.form-group .form-control:focus, .form-group-default .form-control:focus{
  border-color: #F89A20;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(248, 154, 32, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(248, 154, 32, 0.6);
}
.has-error .form-control{border-color: red;}
.has-error .form-control:focus, .has-error .form-control:focus{
  border-color: red;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255, 0, 0, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255, 0, 0, 0.6);}

.radio-primary input[type=radio]:checked~.check{  background-color: #F89A20;}
.radio-primary input[type=radio]:checked~.circle {border-color: #F89A20; }
.form-group input.form-control:focus~.floating-label, .form-group-default input.form-control:focus~.floating-label, .form-control-wrapper .form-control:focus~.floating-label{color: #202020}
.form-control-wrapper .form-control:focus~.floating-label, .form-control-wrapper .form-control:not(.empty)~.floating-label{font-size: 13px; top:-17.5px; color: #202020}
.alert-info, .alert-danger, .alert-warning, .alert-success{color: #fff;}
.alert label{font-weight: normal;}
textarea.form-control, .form-group textarea.form-control:focus{padding: 15px; background-color: #fafafa;}

.itemnews{clear: both; padding: 10px 0px;}
.newsthumb{display: block; width: 120px; position: relative; float: left; margin-right: 10px}
.newsthumb span{display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 5px solid rgba(255, 255, 255, 0.7); opacity: 0;}
.newsthumb:hover span{opacity: 1}
.newstitle{margin: 0px; padding-bottom: 10px; font-weight: bold;}

.pagination>li>a, .pagination>li>span{color: #F89A20;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{color: #D57600}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #F89A20;border-color: #D57600;}

.collapse-card{clear: both; padding: 0px; cursor: default;}
.collapse-card.active{padding: 0px 15px;}
.collapse-card .title{
  font-size: 16px; color: #000; padding: 15px; cursor: pointer;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.collapse-card.active .title{padding: 15px 0px;}
.collapse-card.active .title, .collapse-card.active:hover .title strong::after{color: #F89A20;}
.collapse-card .title strong{margin-left: 0px; line-height: 20px;}
.collapse-card .title strong::after{float: right;}

footer{padding: 60px 0px 20px; text-align: center; color: #fff; clear: both; border-top: 1px solid #5F2943;}
#f-content p{
  text-transform: uppercase;font-weight: bold; font-size: 30px; font-family: 'centurygothic';
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color=#000000)";
  text-shadow: 0 0 10px #000000;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#000000); 
}
#f-office:after, #f-office:before{content: ''; display: table; clear: both;}
#f-office .f-item{padding: 20px 15px;}
#f-office .f-item a{color: #fff;}
#f-social a{display: inline-block;}
#f-social a:hover{color: #000;}
#f-social a:hover .fa-inverse{color: #8A4466}

.mapgoogle_show{font-weight: bold; font-size: 16px; color: #F89A20; cursor: pointer; text-align: center;}
.mapgoogle_show:hover{opacity: 0.8;}
#map-canvas { margin: 0; padding: 0; width: 100%; height: 400px; }