@font-face{font-family:'centurygothic';src:url('../fonts/century-gothic.ttf') format('truetype');}

body{

	font-family:'centurygothic';font-size:14px;font-style:normal; background-color: #811e00; padding-top: 20px;

}

body img, body table{max-width:100% !important;}

.century_gothic{font-family:'centurygothic' !important;}

.tr11, .br30, header, .navbar-nav a, .navbar-nav span, .l-top a, #border-direction, .itemnews > a span, #owl-comment .item img, .tour h4 a, footer .fa-inverse{-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;}

.tr11:hover{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.br30:hover{

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  border-radius: 30px;

}

a{color:#000;}

#banner{position: relative;}

#lang {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
#lang > a {
  display: inline-block;
  width: 35px;
  padding: 0px 2px;
}

.container{position: relative;}

#header{position: absolute; top: 0px; left: 15px; right: 0px; bottom: 0px;}



#f-social{text-align: center; padding-top: 15px;}

#f-social a.fa-social:focus{color: #fff;}

#f-social a:hover{color: #000;}

#f-social a:hover .fa-facebook{color: #0051FF}

#f-social a:hover .fa-twitter{color: #55ACEE}

#f-social a:hover .fa-google-plus{color: #D73D32}



.navbar-default{background: #87621b; border: none; border-bottom: 5px solid #cd6100; box-shadow: none; border-radius: 0px; margin: 7px 0px; min-height: 40px;}

.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: transparent; border-color: #000;}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{background-color: #000;}

.navbar-collapse{padding: 0px;}

.navbar-nav{float: none; text-align: right; margin: 0px;}

.navbar-nav>li>a{padding: 2px 0px 3px; font-size: 14px; font-weight: bold; text-shadow: none;}

.navbar-default .navbar-nav>li>a{color: #fff; font-size: 14px; padding: 10px 0px; padding-right: 15px;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, 

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {

  background: none; color: #fff; box-shadow: none;

}

.dropdown-menu{border: 0px;}

.dropdown-menu>li>a{padding: 5px 20px; color: #fff; font-size: 15px !important;}

.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret{margin-right: 0px; border-radius: 0px; top: 25%; right: 8px;}

.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header{padding-right: 50px;}

#wowslider-container1{background: url(../images/shadow-slider.png) no-repeat center bottom; padding-bottom: 11px;}



#contentmain:after, #contentmain:before{content: ''; display: table; clear: both;}

#contentmain{padding:20px 7px; background-color: #fcfafa;}

#slider{margin-bottom: 20px;}

.col-left{margin-bottom: 15px; color: #fff; display: none;}

.col-left .left-box {

  margin-bottom: 15px; width: 320px; padding: 3px;

  background: url(../images/sb-border-left.png) repeat-y left top, url(../images/sb-border-top.png) repeat-x left top,

    url(../images/sb-border-right.png) repeat-y right top, url(../images/sb-border-bottom.png) repeat-x left bottom #d9ead3;

}

.col-left .left-box > div{ padding: 7px;}

.col-left .left-box .l-title{background-color: #CAECBE;}

.col-left .left-box:last-child{margin-bottom: 0px;}

.col-left .l-top .l-title { background: url(../images/bg-title-left.jpg) no-repeat left top; text-align: center; }

.col-left .left-box .l-title h4 { display: inline-block; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #000;}

.col-left .l-top .l-title h4 { font-size: 16px; color: #fff; padding: 8px 0px; border-bottom: 0px; text-transform: uppercase;}

.col-left .l-top{ text-align: center;}

.col-left .l-top .l-body > a{display: block; position: relative; width: 250px; margin: auto;}

.col-left .l-top #border-direction{

  position: absolute; width: 100%; height: 100%; left: 0; top: 0;

  border: 5px solid transparent;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  border-radius: 100%;

}

.col-left .l-top a:hover #border-direction{border-color: rgba(255, 255, 255, 0.4);}

.col-left .l-top ul { margin: 0px; padding: 0px;}

.col-left .l-top ul li { margin-bottom: 5px; padding: 0px; list-style: none;  font-size: 16px;}

.col-left .l-top ul li span { display: inline-block; padding-right: 5px; }

.col-left .l-top ul li .fa{font-size: 15px; color: #fff}

.col-left .l-top ul li#skype .fa{font-size: 18px;}

.col-left .l-top ul li#hotline .fa{font-size: 20px;}

.col-left .l-top ul li a{color: #fff;}

.col-left .l-top ul li a:hover{color: #B5C1FF; text-decoration: none;}

.col-left .left-box.l-adv{border: none; margin-bottom: 0px;}

.col-left .left-box.l-adv ul{margin: 0px; padding: 0px; list-style: none;}

.col-left .left-box.l-adv ul li{margin-bottom: 15px; position: relative; width: 250px; margin: auto;}

.col-left .left-box li.flash a{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 100;}

.col-left .left-box.l-top .l-news{padding: 10px;}

.col-left .left-box.l-top .l-news ul{padding: 0px;}

.col-left .left-box.l-top .l-news li{list-style: none; min-height: 50px;}

.col-left .left-box.l-top .l-news img{float: left; margin-right: 7px;}

.col-left .left-box.l-top .l-news a{display: block}

.col-left .left-box #facewrap{background: #fff; margin: 0px;}



.l-comment #comment-title{ text-align: center; padding: 0px 0px 15px;}

.l-comment #comment-title h4{font-size: 24px; text-transform: uppercase; margin: 0px; padding-bottom: 10px;}

.l-comment #comment-title a{color: #fff;}

.l-comment #comment-title a:hover{text-decoration: none; color: #B5C1FF;}

.l-comment #comment-title .fa{color: #f2f230; font-size: 28px; padding: 0px 2px;}

.l-comment #owl-comment .item img{margin-bottom: 15px;}



.content_home{padding-bottom: 20px;}

.content_home #manhduc{width: 255px; padding: 10px;border: 1px solid #000; text-align: justify;}

.content_home #manhduc img{float: left; margin-right: 13px;}

.content_home > div:last-child{margin-right: 265px;}



.tours{ clear: both; margin: 0px -10px;}

.tours:after, .tours:before, #f-menu:after, #f-menu:before{content: ''; clear: both; display: block;}

.tours .tour{padding: 10px 0px; clear: both; border-top: 1px solid #ddd;}

.tours .tour:first-child{margin-top: 0px; border-top: 0px;}

.tours .tour > a{float: left; margin-right: 10px; display: block}

.tours .tour .img{display: block;}

.tours .tour h4{margin: 0px; padding: 0px;}

.tours .tour h4 a{font-size: 16px; font-weight: bold; display: block; margin-bottom: 10px;}

.tours .tour h4 a:hover, .tours .tour h4 a:focus{text-decoration: none; color: #CD6100;}

.tours .hvr-ripple-out:before{border-width: 3px;}

.tours .tour img{display: block; margin: auto;}

.tours .tour .view_detail a{display: inline-block; font-size: 13px; padding: 2px 35px 5px 12px; background: url(../images/view_detail.png) no-repeat left top; color: #fff;}

.tours .tour .view_detail a:hover{text-decoration: none; opacity: 0.8;}



.pagination>li>a, .pagination>li>span{ color: #CD6100;}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{color: #FA7600;}

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



.news .row{margin: 0px -25px;}

.news .itemnews{padding: 15px 10px 0px; clear: both}

.news .itemnews h4{margin: 0px; padding-bottom: 10px;}

.news .itemnews h4 a:hover{text-decoration: none; color: #CD6100;}

.news .itemnews > a{position: relative; display: block; float: left; margin-right: 10px;}

.news .itemnews > a span{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 3px solid transparent;}

.news .itemnews > a:hover span{border-color: rgba(255, 255, 255, 0.4)}

.news .itemnews .fa{color: #B5C1FF; font-size: 14px;}

.news .itemnews:nth-child(1){padding-top: 0px;}

.news .itemnews.itemcomment{ clear: both;}



#content{float: left; width: 100%; padding: 15px 10px; margin-bottom: 20px; background: #fff;}

#content .title{background: url(../images/bg-title.png) repeat-x left bottom; margin: 0px -10px;}

#content .title h1, #content .title h2{margin: 0px; margin-bottom: 10px; padding: 0px 15px 10px; font-size: 20px; color: #CD6100; text-transform: uppercase; font-weight: bold;} 



.form-group{margin-bottom: 10px;}

.contact .control-label{padding-left: 15px; width: 100%; text-align: left;}

.contact .form-group > div{padding: 0px 15px;}



.form-tour .col-sm-1, .form-tour .col-sm-2, .form-tour .col-sm-3, .form-tour .col-sm-4, .form-tour .col-sm-5, .form-tour .col-sm-8, .form-tour .col-sm-12{

	padding: 0px 15px;

}

.form-tour.form-horizontal .control-label {

  padding-top: 7px;

  margin-bottom: 0;

  text-align: left;

}

#error-frmreserver label, #error-frmpersonna label, #error-frmcontact label, #error-frmrappel label, #error-frmdevis label{font-weight: normal;}



.rowmore h5{background: url(../images/bg-title.png) repeat-x left bottom; padding: 10px 25px; font-size: 20px;}

.rowmore.rowdestination ul{padding: 0px;}

.rowmore.rowdestination li{float: left; width: 50%; padding: 0px 15px; }

.rowmore.rowdestination li:last-child{clear: both; float: none; display: block}

.rowmore.rowdestination li .fa{line-height: 1 !important}



.nav-right {

  z-index: 1000;

  position: fixed;

  left: -225px;

  top: 30%;

  width: 265px;

  height: 200px;

  color: #E4E4E4;

}

.nav-right span#title{

  background: rgba(102, 90, 90, 0.75);

  top: 80px;

  right: -80px;

  display: block;

  width: 200px;

  height: 40px;

  text-align: center;

  font-weight: bold;

  text-transform: uppercase;

  padding-top: 5px;

  font-size: 20px;

  color: #fff;

  position: absolute;

  -moz-transform: rotate(270deg) scale(1, 1) translate(0, 0);/* FF3.5+ */

  -webkit-transform: rotate(270deg) scale(1, 1) translate(0, 0);/*Saf3.1+, Chrome*/

  -o-transform: rotate(270deg) scale(1, 1) translate(0, 0);/* Opera 10.5 */

  -ms-transform: rotate(270deg) scale(1, 1) translate(0, 0);/* IE 9 */

  transform: rotate(270deg) scale(1, 1) translate(0, 0);

}

.nav-right .nav-right-content {

  padding: 10px;

  margin-right: 40px;

  padding-left: 15px;

  background: rgba(102, 90, 90, 1);

}

.nav-right .nav-right-content .nav-right-content-item {

  margin: 10px 0px 20px;

}

.nav-right-content-item a {

  font-weight: bold;

  display: inline-block;

  margin-bottom: 10px;

  font-size: 15px;

  text-transform: uppercase;

  color: #fff;

}



footer{padding: 20px 0px; background: #b75802; color: #fff;}

footer a{color: #fff;}

footer a:hover{color: #B5C1FF;}



footer #name{font-size: 41px; text-align: center; margin: 30px 0px;}



footer #social p{margin-bottom: 0px;}

#social > div{text-align: center;}

#social > div:nth-child(2){display: none;}

footer a:hover .fa-circle{color: #fff;}

footer a:hover .fa-inverse{color: #B5C1FF}

footer .fa-inverse { color: #2E2929; }



#f-office {margin: 0px -10px;}

#f-office > h4{font-size: 20px; font-weight: bold; padding-bottom: 10px; border-bottom: 3px double #fff; text-align: center;}

#f-office .f-item{padding: 0px 10px; text-align: center; margin-top: 25px;}

#mapgoogle_show{font-weight: bold; cursor: pointer; color: #20B914; text-align: center; text-transform: uppercase;}

#mapgoogle_show:hover{opacity: 0.8;}

#map-canvas { margin: 0; padding: 0; width: 100%; height: 400px; }



#rappel{position:fixed;right:0px;top:120px;z-index:1989;}

#devis{position:fixed;right:0px;top:120px;z-index:1989;}

#back2top{width:30px;height:30px;position:fixed;bottom:15px;right:15px;display:none;cursor:pointer;background:url(../images/backtotop.png) no-repeat center center #1734CA;background-size:100%;-moz-transition:background-color 0.2s ease-in-out;-ms-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;}

#back2top:hover, #audio:hover{opacity:0.8}