@font-face {
  font-family: 'centurygothic';
  src: url('../fonts/centurygothic/centurygothic.eot');
  src: url('../fonts/centurygothic/centurygothic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/centurygothic/centurygothic.woff') format('woff'),
  url('../fonts/centurygothic/centurygothic.ttf') format('truetype'),
  url('../fonts/centurygothic/centurygothic.svg#Sri-TSCRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
    font-family:'centurygothic';font-size:14px;font-style:normal; background-color: #fff;
}

body img, body table{max-width:100% !important;}
.century_gothic{font-family:'centurygothic' !important;}
.tr11, .br30, #mainMenu, .navbar-nav a, .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;}
header{position: relative; z-index: 100;}
.container{position: relative;}
#header{position: absolute; top: 0px; left: 15px; right: 0px; bottom: 0px;}
#langs {
  position: absolute;
  right: 15px;
  top: 10px;
  z-index: 101;
}
#langs ul{
    margin: 0px; padding: 0px; list-style: none;
}
#langs ul li{
    display: inline-block; padding: 0px 3px;
}
#langs a img{width: 30px;}

.logo{position: absolute; top: 15px; left: 15px;}
.banner-text{width: 485px; margin: auto; font-size: 22px; font-weight: bold; text-align: right; color: #000; padding: 50px 15px 50px 150px;}
.banner-text span{display: block; font-size: 18px; font-weight: normal;}

#f-social{text-align: center; padding-top: 15px;}
#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}

.icon-bar{display: block; font-size: 18px; cursor: pointer; padding: 0px 15px; border-bottom: 1px solid #eee;}
.icon-bar .fa{font-size: 25px;}

#slider{margin: 0px 0px 15px;}
#slider img{width: 100%;}

#content{margin: 15px 0px;}
.contentTitle h1{padding-bottom: 10px; border-bottom: 1px solid #eee;}

.col-left{width: 315px; padding: 15px 20px; margin-bottom: 30px; background: #5d5858; color: #fff; display: none;}
.col-left .left-box { margin-bottom: 15px; }
.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; margin: 0px; }
.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: 0px auto 30px; width: 250px; position: relative;}
.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 auto 30px; width: 250px;}

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

.showText img{height: auto !important;}

.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;}
.tourList {text-align: center; padding: 15px 0px;}
.tourList .item{padding: 0px 15px 20px; display: inline-block; width: 242px;}
.tourList .listThumb{ background: #fff; text-align: center; border: 1px solid #eee;}
.tourList a{display: block; position: relative; overflow: hidden;}
.tourList a:hover{text-decoration: none;}
.tourList .listThumb img{
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.tourList .listThumb p{
  position: absolute; width: 100%; bottom: 0px;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0.5;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px 5px;
  background: rgba(0, 0, 0, 0.8);
  margin: 0px;
}
.tourList .listThumb:hover img{
  opacity: 0.7;
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
}
.tourList .listThumb:hover p{
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  padding: 20px 5px;
}

.tours{ clear: both; margin: 0px -10px;}
.tours .tour{padding: 0px 10px; margin-top: 20px;}
.tours .tour:nth-child(1){margin-top: 0px}
.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: blue;}
.tours .hvr-ripple-out:before{border-width: 3px;}
.tours .tour .hvr-ripple-out{display: block}
.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;}

.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: blue;}
.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;}
.form-group{margin-bottom: 10px;}

.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;}
.captcha img{height: 33px;}
.captcha .glyphicon{cursor: pointer; padding-left: 10px;}

.rowmore h5{padding: 10px 0px; font-size: 20px; text-transform: uppercase;}
.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: #2e2929; 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 a:focus .fa-tripadvisor, footer a:active .fa-tripadvisor, footer a:hover .fa-tripadvisor{color: #000;}
footer a:focus .fa-tripadvisor.fa-inverse, footer a:active .fa-tripadvisor.fa-inverse, footer a:hover .fa-tripadvisor.fa-inverse{color: #000;}
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; }
.openmodal{
  cursor: pointer; color: #489fea; text-align: center; font-weight: bold;
}

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

#map-canvas {
  width:100%;
  height:400px;
}
.gm-style img{max-width: none !important;}
.gm-style label{width: auto; display:inline;}

#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 #02a1f5;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}

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