@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: #fff;}
body img, body table{max-width:100% !important;}
.century_gothic{font-family:'centurygothic' !important;}
#menudesktop li, #menudesktop a, .view , .caption a {-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;}
#lang { position: absolute; right: 15px; bottom: 10px; }
#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;}

#banner{display: none;}

#menudesktop{background: #571C08; position: relative; z-index: 989; display: none;}
#menudesktop ul{margin: 0px; padding: 0px; list-style: none;}
#menudesktop .container > ul > li{float: left; width: 16.666667%; text-align: center; position: relative;}
#menudesktop li.active, #menudesktop li:hover{background: rgba(255, 255, 255, 0.1);}
#menudesktop a{display: block; white-space: nowrap; color: #e7e41c; font-size: 13px; font-weight: bold; padding: 10px 0px;}
#menudesktop li:hover a{text-decoration: none; color: #fff;}
#menudesktop li ul{display: none; position: absolute; left: 0px; text-align: left; padding: 10px 0px; background: rgba(0, 0, 0, 0.7);}
#menudesktop li ul a{padding: 5px 15px; padding-right: 30px; text-transform: none; color: #fff;}
#menudesktop li ul a:hover, #menudesktop li ul li.active > a{color: #fff; background-color: rgba(0, 0, 0, 0.6);}
#menudesktop li ul li{position: relative;}
#menudesktop li ul li ul{left: 100%; top: 0px;}
#menudesktop li ul a:hover li a{background-color: transparent;}

#home{position: absolute; left: 15px; top: 0px; bottom: 0px; width: 138px; display: none;}
#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: #571C08; color: rgba(255, 255, 255, 1);border-color: rgba(255, 255, 255, 1); display: none;
}
.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)}

.bs-component{margin-bottom: 15px;}
.content .box_home{margin-top: 20px; float: left;width: 100%;}
.content .box{margin-bottom: 20px; float: left;width: 100%;}
.b-title{margin-bottom: 20px; border-bottom: 1px solid #F89A20}
.b-title h5, .b-title h4, .b-title h3, .b-title h2, .b-title h1{margin: 0px; padding: 0px 20px 10px; border-bottom: 5px solid #F89A20; display: inline-block;}

.tour{clear: both; min-height: 170px; padding: 10px 0px; margin-bottom: 10px;}
.tour .caption{position: relative; min-height: 10px;}
.caption h4{margin: 0px; padding-bottom: 10px;}
.caption a:hover{text-decoration: none;}

.nav-tabs, .btn-primary:not(.btn-link):not(.btn-flat), .btn-primary:hover:not(.btn-link):not(.btn-flat){clear: both; background: #F89A20;}
.nav-tabs li{text-align: center;}
.nav-tabs li.active{background-color: rgba(255, 255, 255, 0.3);}
.tab-pane{padding: 15px;}

.form-tour legend, .frm-contact legend{color: #000; font-weight: bold;}
.form-group .form-control:focus, .form-group-default .form-control:focus{background-image: linear-gradient(#F89A20,#F89A20),linear-gradient(#d2d2d2,#d2d2d2);}
.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;}

.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{background: #6d4c41; padding: 20px; text-align: center; color: #fff; clear: both}
#f-office:after, #f-office:before{content: ''; display: table; clear: both;}
#f-office .f-item{padding: 20px 0px;}
#f-office .f-item a{color: #fff;}

.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; }