@charset "utf-8";
@import url("font/font.css");
@import url("reset.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');
@import url("ti.css");

/* CSS Document */

html,body { height:100%; min-height:100% !important; min-height: auto; background: url(../images/bg.png) repeat-x #FFF; border: none; }
body {/* background-color:#12090a;*/}body > #wrap { height: auto; /*height: 100%; min-height: 100%;*/}
#main { min-height:200px; padding-bottom:0px;}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}



body{ font-family: 'DINPro-Regular', sans-serif; -webkit-font-smoothing: antialiased; background: url(../images/bg.png) repeat-x #FFF;  /*font-size:13px; color:#626262; line-height:23px; letter-spacing: 0.02em */}
a{ color: #000; text-decoration:none; }
a:hover{ color: #575757; text-decoration:none; }
/*img { -webkit-backface-visibility: hidden; max-width:100%; height:auto; }*/
video { background-size: cover; display: table-cell; vertical-align: middle; width: 100%; }
ul{ margin: 0px; padding:0px; }
input, textarea, select{ border: 1px solid #dfdfdf;/**/ color:#846a49; letter-spacing: 0px; font-size:14px; min-height:30px;  padding: 5px 15px; width: 100%; margin: 0 0 20px 0; /**/ text-transform: none !important;max-width: 100%; resize: none;}
input[type="submit"] { width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none;  border-radius: 0; }
input:focus, textarea:focus{/* border: 1px solid #989898;*/ }
input[type="submit"]:focus { /**/border:none !important}
select::-ms-expand{ display:none; }
iframe { border: 0;}
p{ padding:0px; margin:0px;}
.sound iframe {width:100%}
ul { list-style: none outside none; }
ul, ol, dl {list-style-position: outside;}
	* { transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; }
/*::selection { color: #000; background:#dcdcdc; }
::-moz-selection { color:#000; background:#dcdcdc; }
::-webkit-input-placeholder { color: #999; text-overflow: ellipsis; }
:-moz-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1; }
::-moz-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1; } 
:-ms-input-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1; }
::-webkit-scrollbar { width:12px }*/
::-webkit-scrollbar-track { /*-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3); box-shadow:inset 0 0 6px rgba(0,0,0,.3);*/ }
::-webkit-scrollbar-thumb { /*background:rgba(210,210,210,.8); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5); -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5); box-shadow:inset 0 0 6px rgba(0,0,0,.5); */}
::-webkit-scrollbar-thumb:window-inactive {/* background:rgba(210,210,210,.4) */}
.animated { -moz-transition-duration: 0s !important;  }
/*h1, h2, h3, h4, h5{ padding:0px; margin:0px;}*/






/* Style the top navigation bar */
.topnav { overflow: hidden;  background-color: #333;}
.topnav-in{ width:1100px; margin:0 auto;}

/* Style the topnav links 
.topnav a { float: left; display: block;  color: #f2f2f2; text-align: center;  padding: 14px 16px; text-decoration: none;}*/
/* Change color on hover
.topnav a:hover {  background-color: #ddd; color: black;} */

.co-white{ color:#FFFFFF;}
.co-gold{ color:#deb480;}
.co-grey{ color:#bdbcbc;}
.co-red{ color:#f72d31;}

.13p{ font-size:13px !important;}
.14p{ font-size:14px !important;}
.15p{ font-size:15px !important;}
.16p{ font-size:16px !important;}
.17p{ font-size:17px !important;}
.18p{ font-size:18px !important;}
.19p{ font-size:19px !important;}
.20p{ font-size:20px !important;}
.35p{ font-size:35px !important;}

.f400{ font-weight:400;}
.f500{ font-weight:500;}
.f600{ font-weight:600;}
.f700{ font-weight:700;}
.tup{ text-transform:uppercase;}
.enr{font-family: 'DINPro-Regular', sans-serif !important;}
.enb{font-family:'DINPro-bold', sans-serif !important;}
.enm{font-family:'DINPro-Medium', sans-serif !important;}

.h2-text{ font-size:36px !important; text-transform:uppercase; color:#a98f6f; font-family:'DINPro-bold', sans-serif !important; }
.txt-nor01{ font-size:18px !important; color:#e7e5e5 !important; font-family: 'DINPro-Regular'; line-height:32px;}

.txt-nor13{ font-size:14px !important; color:#e7e5e5 !important; font-family: 'DINPro-Regular'; line-height:20px;}
.txt-nor14{ font-size:14px !important; color:#e7e5e5 !important; font-family: 'DINPro-Regular'; line-height:22px;}
.txt-nor15{ font-size:15px !important; color:#e7e5e5 !important; font-family: 'DINPro-Regular'; line-height:22px;}
.txt-nor16{ font-size:18px !important; color:#e7e5e5 !important; font-family: 'DINPro-Regular'; line-height:25px;}
.txt-nor18{ font-size:18px !important; color:#e7e5e5 !important; font-family: 'DINPro-Regular'; line-height:32px;}
.txt-nor20{ font-size:20px !important; color:#e7e5e5 !important; font-family: 'DINPro-Regular'; line-height:32px;}
.txt-nor21{ font-size:21px !important; color:#e7e5e5 !important; font-family: 'DINPro-Regular'; line-height:32px;}
.txt-nor22{ font-size:22px !important; color:#e7e5e5 !important; font-family: 'DINPro-Regular'; line-height:32px;}
.pt50{ padding-top:50px;}
.pt40{ padding-top:40px;}
.pt30{ padding-top:30px;}
.pt20{ padding-top:20px;}
.pt10{ padding-top:10px;}
.pt5{ padding-top:5px;}

.pb70{  padding-bottom:70px;}
.pb50{  padding-bottom:50px;}
.pb30{  padding-bottom:30px;}
.pb40{  padding-bottom:40px;}
.pb20{  padding-bottom:20px;}
.pb10{  padding-bottom:10px;}
.pb5{  padding-bottom:5px;}
.p15{ padding:8px 15px 10px 15px;}

.txt-r{ text-align:right;}
.txt-l{ text-align:left;}
.lett-1{letter-spacing:1px;}
.lett-2{letter-spacing:2px;}
.lett-3{letter-spacing:3px;}

.line-dot1{ width:250px; height:1px; display:block; background:url(../images/line-dot02.png) repeat-x 0 0; }
.mbt30{ margin-top:30px; margin-bottom:30px;}
.mbt25{ margin-top:25px; margin-bottom:25px;}
.mbt20{ margin-top:20px; margin-bottom:20px;}
.mbt15{ margin-top:15px; margin-bottom:15px;}
.mbt10{ margin-top:10px; margin-bottom:10px;}

.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}

.mb30{margin-bottom:30px;}
.mb25{margin-bottom:25px;}
.mb20{margin-bottom:20px;}
.mb15{margin-bottom:15px;}
.mb10{margin-bottom:10px;}
.mb5{margin-bottom:5px;}

.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}

.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}

.borwhite{ border:3px solid #FFF;}

/* Style the content */
.bnntop{background-color: #a98f6f; height:10px; min-width:1100px;}
.bnntop-in{ text-align:left; width:1060px; font-size:17px !important; font-family:'DINPro-bold', sans-serif !important; color:#24190d; padding-top:3px; padding-left:20px; padding-right:20px; }
.contr{margin:0 auto;}
.fatL{float:left;}
.content { background-color: #ddd;  padding: 10px;   height: 200px; /* Should be removed. Only for demonstration */}

.headtop{ height:770px;  min-width:1150px; /*background:url(../images/manna02.jpg) no-repeat center top; position:relative;*/ background-color:#000000;}


.headtop-contact{ height:400px;  min-width:1100px; background:url(../images/bnn-manna02.jpg) no-repeat center top; position:relative;}
.slo{max-width:530px; height:auto; padding-top:5px; position:absolute; z-index:1255; top:30%; left:50%; margin-left:-265px;}
/*.nav{height:70px; width:1060px; padding-top:30px; padding-left:20px; padding-right:20px;}
.logo{ width:194px; float:left;}
.nav-in{ width:770px; float:right; margin-top:30px;}
a.mbtn01, a.mbtn02, a.mbtn03, a.mbtn04, a.mbtn05, a.mbtn06, a.mbtn07{ background-image:url(../images/manna03.png); background-repeat:no-repeat; display:block; float:left; }
a.mbtn01{ width:63px; height:13px; background-position:0px 0px;} a.mbtn01:hover{ background-position:0px -13px;}
a.mbtn02{ width:106px; height:13px; background-position:-63px 0px;} a.mbtn02:hover{ background-position:-63px -13px;}
a.mbtn03{ width:182px; height:13px; background-position:-169px 0px;} a.mbtn03:hover{ background-position:-169px -13px;}
a.mbtn04{ width:70px; height:13px; background-position:-351px 0px;} a.mbtn04:hover{ background-position:-351px -13px;}
a.mbtn05{ width:95px; height:13px; background-position:-420px 0px;} a.mbtn05:hover{ background-position:-420px -13px;}
a.mbtn06{ width:135px; height:13px; background-position:-515px 0px;} a.mbtn06:hover{ background-position:-515px -13px;}
a.mbtn07{ width:113px; height:13px; background-position:-651px 0px;} a.mbtn07:hover{ background-position:-651px -13px;}



a.resbtn{ width:180px; height:30px; padding-top:5px;  border:3px solid #b7b7b7; color:#b7b7b7; background:#1c1919; position:absolute; z-index:1255; font-size:17px !important; font-family:'DINPro-bold', sans-serif !important; text-align:center; text-transform:uppercase; top:660px; left:50%;  margin-left:-160px;}
a.resbtn:hover{  border:3px solid #e4282c; background:#1c1919; color:#b7b7b7}

a.ream{ padding:8px 20px; font-family:'DINPro-bold', sans-serif !important; border:3px solid #b7b7b7; color:#b7b7b7; font-size:14px; text-transform:uppercase; letter-spacing:2px;}
a.ream:hover{ border:3px solid #e4282c; color:#e4282c;}

a.ream2{ padding:8px 20px; font-family:'DINPro-bold', sans-serif !important; border:3px solid #e4282c; color:#e4282c; font-size:14px; text-transform:uppercase; letter-spacing:2px; }
a.ream2:hover{ border:3px solid #e4282c; background-color:#e4282c; color:#b7b7b7;}
a.btnm{color:#eeeeee; font-family:Arial, Helvetica, sans-serif;} a.btnm:hover{color:#e4282c;}
a.btnp{color:#eeeeee;} a.btnp:hover{color:#f72d31;}*/

.dropbtn {/* background-color: #4CAF50;color: white; padding: 16px;font-size: 16px;border: none;*/cursor: pointer; float:left;}
.dropdown {position: relative;  /*display: inline-block;*/}
.dropdown-content { display: none; width:1060px; position: absolute; top:60px; left:-700px;
     min-width: 160px; /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/ z-index:22;}
.dropdown-content a { color: black;  /*padding: 12px 16px;*/text-decoration: none; display: block;}
.dropdown-content a:hover {/*background-color: #f1f1f1*/}
.dropdown:hover .dropdown-content { display: block;}
.dropdown:hover .dropbtn { /*background-color: #3e8e41;*/ }

/*.nav{height:80px; width:1060px; padding-top:30px; padding-left:20px; padding-right:20px; }
.logo{ width:194px; float:left;}
.nav-in{ width:780px; float:right; margin-top:0px;}
a.mbtn01, a.mbtn02, a.mbtn03, a.mbtn04, a.mbtn05, a.mbtn06, a.mbtn07{ background-image: url(../images/manna03.png); background-repeat:no-repeat; display:block; float:left; position: relative;}
a.mbtn01:hover, a.mbtn02:hover, a.mbtn03:hover, a.mbtn04:hover, a.mbtn05:hover, a.mbtn06:hover, a.mbtn07:hover{ background-image: url(../images/manna03-over.png); }
a.mbtn01{ width:63px; height:80px; background-position:-2px 0px;} a.mbtn01:hover{ background-position:-2px 0px;}
a.mbtn02{ width:106px; height:80px; background-position:-70px 0px;} a.mbtn02:hover{ background-position:-70px 0px;}
a.mbtn03{ width:182px; height:80px; background-position:-175px 0px;} a.mbtn03:hover{ background-position:-175px 0px;}
a.mbtn04{ width:70px; height:80px; background-position:-357px 0px;} a.mbtn04:hover{ background-position:-357px 0px;}
a.mbtn05{ width:100px; height:80px; background-position:-425px 0px;} a.mbtn05:hover{ background-position:-425px 0px;}
a.mbtn06{ width:135px; height:80px; background-position:-515px 0px;} a.mbtn06:hover{ background-position:-515px 0px;}
a.mbtn07{ width:120px; height:80px; background-position:-651px 0px;} a.mbtn07:hover{ background-position:-651px 0px;}*/




.incon1{ background:#FFFFFF; min-width:1150px; }.incon1-in{width:1150px; padding:0 0px; height:1150px;}
.incon2{ background:url(../images/bg-manna02.jpg) no-repeat center top; min-width:1100px; }.incon2-in{width:1060px; padding:0 20px; height:620px;}
.incon3{ background:#201d1a; min-width:1100px; }.incon3-in{width:1100px; padding:100px 0px;}
.incon4{ background:url(../images/manna-tour-08.jpg) no-repeat center top; min-width:1150px; }
.incon4-in{width:1050px; padding:0 50px; height:620px;}

.incon5{ background: url(../images/bg-manna04.jpg) repeat-x left top ; min-width:1150px; }
.incon5-in{height:160px; text-align:center;}

.incon6{ min-width:1150px;  }.incon6-in{width:1110px; padding:0 20px 50px 20px; background:url(../images/line03.gif) no-repeat left 45px #FFFFFF;}
.intop-in{width:1060px; padding:70px 0px 0 20px; height:150px; text-align:center;}



.tophead-box{/*height:160px;*/ text-align:center;  min-width:1150px; margin:0px auto 20px auto;}
.topin{font-family:'DINPro-Medium', sans-serif !important; font-size:20px; text-transform:uppercase; font-weight:bold; padding-top:8px; height:70px; margin:60px auto 0px auto;
 display:block; color:#e4282c!important; background:url(../images/line02.png) no-repeat center 8px; } 

.topin p{ font-family: 'Montserrat', sans-serif; color:#000; font-size:40px; font-weight:500; padding-top:18px;}
.container-in { position: relative; min-width:1100px; padding:50px 25px;  margin-right: auto; margin-left: auto; clear:both; height:auto;}
.w30per{ width:32.333%;}

.w30per{ float:left;}
.marLR{ margin-left:5px;}
.minH400{ min-height:400px;}
.minH4002{ min-height:530px;}
.minH380{ min-height:380px;}

ul.overbox{ padding-top:20px; padding-bottom:50px;  text-align: center;}
ul.overbox li{ text-align:center;} ul.overbox li img{ padding-top:15px; padding-bottom:15px;}
ul.overbox li.fLeft{ padding-left:20px; padding-right:20px;  display:inline-table; float:left; }

a.btn-main{font-family:'DINPro-Medium', sans-serif !important; font-size:26px; text-transform:uppercase; font-weight:bold; color:#937956;} 

a.btn-main p{text-transform:none; font-size:16px !important; padding-top:10px;} a.btn-main p:hover{color:#f3444b;}
a.btn-main:hover{color:#f3444b;}
.tp{font-size:18px !important; font-family:'DINPro-Regular', sans-serif !important; line-height:22px; padding-top:5px !important; text-transform:uppercase !important; }

.bor-over{border:3px solid #937956;}
.txt-hover{ background-color:#937956; font-family:'DINPro-Medium', sans-serif !important; font-size:23px; font-weight:bold; letter-spacing:1px;  text-transform:uppercase; color:#FFF; 
text-align:center; padding-top:15px; padding-bottom:15px;}

a.btnex01{font-family:'DINPro-Medium', sans-serif !important; font-size:18px; text-align:left; color:#9a724e;} a.btnex01:hover{color:#575757; }
.txtex01{font-family:'Dinpro-bold', sans-serif !important; font-size:28px;  text-transform:uppercase; padding-left:15px; padding-top:15px; }
.ex02{padding-left:15px; color:#575757; }
.pdex{ padding-left:16px;}

/* Style the footer */
#footer-nav{ clear:both !important; background-color: #24190d;}

.footer { margin:0px; min-width:1150px;background-color: #24190d; }
.footer-in {  padding: 50px 20px 0px 20px;  width:1060px; height:320px;}

.copy{background-color: #a98f6f;  min-width:1150px; }
.copy-in{ text-align:center; width:1060px; height:28px; font-size:13px !important; font-family:'DINPro-Medium', sans-serif !important; color:#24190d; padding-top:6px; padding-left:20px; padding-right:20px; }
.nav-be{ width165:px; float:left; padding-top:0px; } .nav-be a{font-family:'DINPro-Regular', sans-serif ; color:#deb480; clear:both; display:block; padding:7px 20px; text-transform:uppercase;} .nav-be a:hover{ color:#e4282c;}
.boxtbg{ background:#24190d!important; width:100%; min-width:1060px; position:absolute; z-index:566; }
.boxtop{ width:1060px; left:50%; margin:0px auto; padding-left:20px; padding-right:20px;}

.head-sub{font-family:'DINPro-Medium', sans-serif; text-transform:uppercase; color:#f0191e !important; letter-spacing:2px; padding-top:0px; font-size:18px;}.head-sub-icn{ padding-top:10px;}
.bokL{ width:550px; font-family:'DINPro-Regular', sans-serif; }/**/
.bokR{ width:270px; float:left; font-family: 'DINPro-Regular'!important; color:#fcfcfc; font-size:17px; padding-left:40px;}
.bok-car{ width:290px; padding-top:20px;}
.bokLin{padding-left:35px; padding-right:35px;}
.bor-recar{width:675px; height:120px; text-align:left;}
.borred{ border:3px solid #f0191e;}
.bokLintxt{font-family:'DINPro-Medium', sans-serif; text-transform:uppercase; color:#ffffff !important; font-size:18px; }
.pdtb40{padding-top:40px; padding-bottom:40px;}

.pdt20{padding-top:20px;}



.txtrev{color:#846a49; font-family:'DINPro-Medium', sans-serif !important; font-size:15px !important; width:140px; padding-right:10px; text-align:left; padding-top:3px; float:left;}/**/
.txtrev3{color:#846a49; font-family:'DINPro-Medium', sans-serif !important; font-size:15px;  padding-right:10px; text-align:left; padding-top:3px; float:left;}


.txtrev4{color:#deb480; font-family:'DINPro-Medium', sans-serif !important; font-size:16px; width:160px; padding-right:20px; text-align:right; padding-top:0px; float:left; line-height:20px;}
.txtrev5{color:#FFFFFF; font-family:'DINPro-Medium', sans-serif !important; font-size:17px; width:30px; padding-left:15px; text-align:left; padding-top:3px; float:left;}

.txter{color:#2c1f15; font-family:'DINPro-Medium', sans-serif !important; font-size:15px !important; /*line-height:16px;*/ width:140px; padding-right:30px; text-align:right;  float:left;}/**/
.tpp{ text-transform:uppercase;}
.dt1{padding-top:3px;}
.dt2{padding-top:10px;}

.redio-se{ width:50px; height:20px; margin-top:5px;}
.maLF{ padding-left:165px;}
.bokbox{ height:50px; display:block; clear:both;}

.tetP01{text-transform:uppercase; font-size:21px;}
.tetP02{text-transform:uppercase; font-size:18px;}
.car-retxt{font-family:'DINPro-Medium', sans-serif !important; font-size:17px; color:#a18665;text-transform:uppercase;  }

.box-file{ width:300px;} .box-bor01{ border:1px solid #846a49;}


.box-file2{ width:120px;}
.box-file3{ width:100px;}
.box-tel1{}
.box-file-tel{width:150px; margin-left:0px;}

ul.car-detail{ height:35px; margin-top:15px;}
ul.car-detail li{ display:inline-block; width:27px; float:left;} ul.car-detail li a{ font-family:'DINPro-Regular', sans-serif !important;  color:#8d796a;} ul.car-detail li a:hover{color:#f72d31;}
ul.car-detail li.moreinfo{width:70px;}

.dot1{ width:23px; height:23px; color:#8d796a; margin-top:6px; font-family:'DINPro-Medium', sans-serif !important;
border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px; 
-webkit-border-radius: 200px 200px 200px 200px;
border: 2px solid #8d796a; text-align:center;}

.dot2{ width:11px; height:11px; color:#8d796a; margin-top:6px; 
border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px; 
-webkit-border-radius: 200px 200px 200px 200px;
border: 2px solid #8d796a; text-align:center;}


.txtrev2{font-family:'DINPro-Bold', sans-serif !important; color:#8d796a; text-transform:uppercase; font-size:15px; letter-spacing:2px;}
.txtrev2:hover{color:#8d796a !important;} .txtrev2:after{color:#b8282b !important;}
input[type=submit]{
    background-color: #f0191e;
    border: none;
    color: white;
    padding: 16px 32px; letter-spacing:2px;
    
    margin: 4px 2px;
    cursor: pointer; font-family:'DINPro-Bold', sans-serif !important; font-size:16px; text-transform:uppercase !important; 
}


.wdb{width:100px; height: 17px; line-height: 25px;}

.btn {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
}

.btn__trigger {
  transition: box-shadow 300ms ease-in-out;
  position: fixed;
  z-index: 10;
  bottom: 1.5rem;
  right: 1.5rem;
  display: block;
  border-radius: 50px;
}

.btn__trigger--views {
  width: 4rem;
  height: 4rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background-color: #ed1c24;
  color: #fff;
  font-size: 1rem;
  line-height: 4;
  font-weight: lighter;
  text-align: center; 
}

.btn__trigger--views:hover { box-shadow: 0 14px 10px rgba(0, 0, 0, 0.24), 0 10px 10px rgba(0, 0, 0, 0.24); }

.my-nav {position: fixed;opacity: 0;}

.my-nav.reveal { visibility: visible; opacity: 1;}

.my-nav.reveal:after {
  /*position: fixed;*/
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  display: block;
  content: "";
  background-color:rgba(42, 196, 159, 0.7); 
}
.headtop-in{ height:400px;  min-width:1100px; display: block; position:relative;}
.my-nav--list { visibility: hidden;  bottom: 6.5rem;right: 1.75rem;  text-align: center;}

.my-nav__item { transition: opacity 150ms ease-in-out; display: block; font-size:1.55rem; opacity: 0; text-align: center;}

.my-nav__item.visible { visibility: visible; opacity: 1;}

.my-nav__link {
  transition: background-color 150ms ease-in-out;
  display: inline-block;
  width: 25px; height:25px;
  margin: 1rem 0;
  padding: 10px 10px 10px 10px;  border-radius: 50px;
 /*width: auto; 
 box-shadow: inset 0 0 0 1px #fff; color: #fff;  background:#000000;*/ }

.fb{ color:#FFF; background:#0084ff;} .fb:hover{ color:#0084ff; background:#ed1c24;}    
.line{ color:#FFF; background:#2bb140;} .line:hover{ color:#0084ff; background:#ed1c24;}    
.wapp{ color:#FFF; background:#17980e;} .wapp:hover{ color:#0084ff; background:#ed1c24;}  
.dex{color:#FFF; background:#4b4545;}   .dex:hover{color:#FFF; background:#17980e;} 

.my-nav__link--template:hover { background-color: #ed1c24; color:#fff;}

.my-nav__link--new { transition: box-shadow 300ms ease-in-out; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #87c442; color: #fff;}

.my-nav__link--new:hover { box-shadow: 0 14px 10px rgba(0, 0, 0, 0.24), 0 10px 10px rgba(0, 0, 0, 0.24); }

.my-nav__link:last-child { margin-bottom: 0; }


.bnn-ins01{ width:100%; height:400px; margin:0px auto; }

#navtop-in{ /*border-top:10px solid #a98f6f; border-top: 10px solid #FFFFFF !important; */z-index:1 !important;}
.bgtopnav{ background-color:#231e1a;  border-top: 10px solid #a98f6f !important; max-width:1150px; width:100%;}


.tx-mono{font-family: 'Montserrat', sans-serif;}

.redm{color: #e4282c;}

.tL{ text-align:left;}
.bL{ float:left;}
.bR{ float:right;}
.bc{ clear:both;}

.bwc-01{width:100%; height:280px; position:relative; clear:both;}
.bwc-02{width:230px;} .bwc-03{width:850px;}
.bwc-04{ width:1043px; margin-left:67px;}
.bwc-01noh{width:100%;  position:relative; clear:both;}


.wt3{font-family:'DINPro-bold', sans-serif !important; font-weight:700; font-size:40px; color: #e4282c; text-align:right; text-transform:uppercase; line-height:38px; }
.wt4{font-family: 'Montserrat', sans-serif; font-size:30px !important; color:#000; text-transform:uppercase; font-weight:400;}

.txtnor{ font-family: 'DINPro-Medium'; color:#292929; font-size:17px;  line-height:25px;}
.cb03{ color:#1b1b1b !important;}

a.aback{
	font-family: 'DINPro-Medium';
	position: absolute;
	right: 0px;
	padding-bottom: 5px;
	border-bottom: 5px solid #e4282c;
	color: #a77c51;
	padding-right: 20px;
	background: url(../images/icn05.png) no-repeat right 4px;
	text-transform: uppercase;
	width: 202px;
}
a.aback:hover{ color:#7a5508;}


.bontt{ width:1050px; height:40px; position:relative; margin-left:60px;  padding-top:10px; margin-top:50px;} .bontt p { height:5px; background:#e4282c; } 
.bontt a{font-family: 'DINPro-Medium'; text-align:center; width:250px; height:20px; z-index:55; position:absolute; padding-left:15px; padding-right:15px; left:50%; margin-left:-140px;
  color:#a77c51;  /**/background: #FFF; text-transform: uppercase; line-height:5px;} .bontt a:hover{color:#7a5508;}


.ptpd20{ padding-bottom:20px; padding-top:20px;}
.ptpd30{ padding-bottom:30px; padding-top:30px;}
.ptpd40{ padding-bottom:40px; padding-top:40px;}
.ptpd50{ padding-bottom:50px; padding-top:50px;}

.mtmb20{ margin-bottom:20px; margin-top:20px;}
.mtmb30{ margin-bottom:30px; margin-top:30px;}
.mtmb40{ margin-bottom:40px; margin-top:40px;}
.mtmb50{ margin-bottom:50px; margin-top:50px;}

.cl01{ color:#e4282c;}/*red*/
.cl02{ color:#8a6948;}/*Gold yellow drak*/
.cl03{ color:#a98f6f;}/*Gold yellow*/
.cl04{ color:#6b6b6b;}/*drak grey*/
.cl05{ color:#e8e8e8;}/*light grey*/

.f01{ font-size:24px;}
.ads{ font-family:Tahoma, Geneva, sans-serif}


.fbo{ font-weight:bold;}
.dc01{ color:#906a3b; font-size:23px; line-height:40px; position:absolute; padding-left:30px; border-left:1px solid #978f69; text-align:left; top:220px; left:100px;  font-family:'DINPro-Regular';}
.dc02{ color:#9f7e55; font-size:23px; line-height:40px; padding:80px 0px 0px 40px; margin-left:30px; background:url(../images/line04.png) no-repeat 0px 95px; }
.dc03 {
    color: #906a3b;
    font-size: 20px;
    line-height: 40px;
    padding-left: 40px;
    border-left: 1px solid #978f69;
    text-align: left;
    font-family: 'DINPro-Regular';
	line-height:25px;}



.isk{ font-size:17px !important; line-height:15px; font-weight:600;}
.sd010{font-family:'DINPro-Regular'; color:#906a3b; font-size:23px; line-height:40px; padding-left:30px; border-left:1px solid #978f69; }
.sd011{font-family:'DINPro-Regular'; color:#906a3b; font-size:23px; line-height:40px; padding-left:30px; text-transform:uppercase;}

.lt01{ letter-spacing:1px;}
.bor03{border-top:10px solid #a98f6f;}
.bkk-nav{ clear:both; padding-top:50px; padding-bottom:50px;}
.price-p{font-family: 'DINPro-Medium';
    position: absolute;
    right: 0px; padding-bottom: 5px; 
    color: #a77c51; padding-right: 0px;
    /*background: url(../images/icn05.png) no-repeat right 4px;border-bottom: 5px solid #e4282c;
    text-transform: uppercase;
    width: 202px;*/}
	

.fz19px{ font-size:19px;}	
.fz16px{ font-size:16px;}	
.fz17px{ font-size:17px;}	
.wcon01{width:300px; height:auto; float:left;}
.wcon02{width:780px; height:395px; float:left; border:6px solid #e6292f; position:relative}
.wcon02-in{ width:580px; position:absolute; margin:-6px  0px -6px 70px; background-color:#FFFFFF !important; padding-left:70px; z-index:11; text-align:left;}
.wcon02-in2{ width:550px; position:absolute; margin:-10px  0px -6px 70px; background-color:#FFFFFF !important; padding-right:30px; padding-left:70px; z-index:11; text-align:left;}

.wcon03{width:1050px; height:400px; clear:both; margin:50px auto;}
.wteam01{width:1100px; margin:0px auto;}


.cont01{font-family: 'DINPro-Medium'; color:#e4282c; text-transform:uppercase; margin-top:10px; margin-bottom:8px;}
.cont03{font-family: 'DINPro-Medium'; color:#e4282c; text-transform:uppercase; margin-top:10px; margin-bottom:8px; font-size:16px;}

ul.soal{}
ul.soal li{ float:left; }
a.s01, a.s02, a.s03, a.s04{ float:left;}
a.s01{ width:39px; height:35px; background:url(../images/manna-tour-27-01.png) no-repeat 0px 0px; margin-right:5px;} a.s01:hover{background:url(../images/manna-tour-27-01B.png) no-repeat 0px 0px; }
a.s02{ width:39px; height:35px; background:url(../images/manna-tour-27-02.png) no-repeat 0px 0px; margin-right:5px;} a.s02:hover{background:url(../images/manna-tour-27-02B.png) no-repeat 0px 0px;}
a.s03{ width:39px; height:35px; background:url(../images/manna-tour-27-03.png) no-repeat 0px 0px; margin-right:5px;} a.s03:hover{background:url(../images/manna-tour-27-03B.png) no-repeat 0px 0px;}
a.s04{ width:39px; height:35px; background:url(../images/manna-tour-27-04.png) no-repeat 0px 0px; margin-right:5px;} a.s04:hover{background:url(../images/manna-tour-27-04B.png) no-repeat 0px 0px;}

ul.cont-box{ float:left;}
ul.cont-box li{width:180px; padding-top:8px; font-size:16px;}
ul.cont-box li.cont02{font-family: 'DINPro-Medium'; color:#e4282c; text-transform:uppercase;}
ul.cont-box li a{ color:#a98f6f; }ul.cont-box li a:hover{ color:#db2f33;}

a.btncc{color:#a98f6f;}  a.btncc:hover{ color:#db2f33;}
.con-cc01{ padding-top:20px;  display:block; height:inherit !important; clear:both; font-size:17px; font-family: 'DINPro-Medium';}
.conHT{ font-family: 'DINPro-bold', sans-serif; color:#e4282c; font-size:19px;}

ul.team-box{}
ul.team-box li{ width:24.5555%; height:320px; display:block; text-align:center; float:left; font-family: 'DINPro-Medium'; margin-bottom:25px;}
.nam{ color:#422e25;  font-size:17px; padding-top:15px;} .pos{ color:#422e25; color:#a98f6f; text-transform:uppercase; font-size:13px; line-height:20px; padding-top:5px;}	
.c-entr{ text-align:left;}	

.wh-01{ clear:both; display:block;}
.w02{display:block;}
.lin03{padding-top:25px; padding-bottom:25px; height:2px; display:block;  background: url(../images/line-dot03.png) repeat-x left center; }

.h01{font-family: 'DINPro-bold', sans-serif; color:#7f5d2d; font-size:18px; text-transform:uppercase; padding-bottom:10px;}
.n01{font-family: 'DINPro-Regular'; font-size:17px; color:#3a3531;}

.cler{ clear:both;}
.hup{font-family: 'DINPro-bold', sans-serif;  font-size:19px; text-transform:uppercase; padding-bottom:10px;   background:url(../images/place/line-b01.png) no-repeat left bottom;}
.hupin{ color:#e72125; font-family: 'DINPro-Regular', sans-serif; font-size:15px; padding-top:3px;}

.wdo-box{ clear:both; padding-top:10px; padding-bottom:30px; text-align:left; margin-bottom:25px;}
.Htdo{font-family: 'DINPro-bold', sans-serif;  font-size:20px; color:#a77c51; text-transform:uppercase; margin-bottom:25px;}
.Htdo-none{font-family: 'DINPro-bold', sans-serif;  font-size:20px; color:#a77c51;  margin-bottom:25px;}
.ttdo{font-family: 'DINPro-Regular';color: #292929;font-size: 17px;line-height: 25px; border-left:1px solid #a77c51; margin-left:10px; padding-left:15px; padding-top:15px; padding-bottom:15px;}

.boxff{ width:550px;}
.htt01{text-align: center; color:#000000; font-family: 'DINPro-bold'; font-size:30px; text-transform: uppercase; padding-top:80px; padding-bottom:50px;}
.htt0b{text-align: center; color:#000000; font-family: 'DINPro-bold'; font-size:30px; text-transform: uppercase; padding-top:0px; padding-bottom:20px;}
.htt02{text-align: center; color:#000000; font-family: 'DINPro-Medium'; font-size:15px;  text-transform: none; line-height:20px;}


.cdion-text{padding-bottom:30px; background:url(../images/line-dot02.png) repeat-x left bottom; margin-bottom:20px; }
.cdion-text h4{font-family: 'DINPro-bold'; color:#000000; font-size:25px; padding-bottom:20px;}
.cdion-text p{ padding-top:0px; padding-bottom:20px; font-size:17px;}


.hpl{font-family: 'DINPro-bold'; color:#000000; font-size:30px; padding-bottom:20px; height:35px; text-transform: uppercase; font-weight:bold; letter-spacing:-1px;}
.hp2{text-transform: uppercase; font-size:13px; padding-top:20px; }
.hp-price{ border: 1px solid #000; padding:17px 20px 0px 20px; font-size:18px; margin-bottom:20px; font-family: 'DINPro-Medium'; line-height:15px; }
.hp3{ width:45%; display: inline-block; text-align:right; padding-right:25px; line-height:30px !important; marging-top:10px;}
.w3b{ width:31.50%; float:left; padding-left:5px; padding-right:5px; padding-bottom:50px; }
.imgre{ width:100%; height:auto;}
a.b0n01{ background-color:#e5282e; font-family: 'DINPro-bold'; color:#FFFFFF; text-align:center; margin-top:10px; display:block; font-size:20px; text-transform:uppercase; padding:13px 0px 15px 0px;}
a.b0n01:hover{ background-color:#5f5f5f}
.plr20{ padding-left:20px; padding-right:20px;}


.pf02{padding-bottom:20px; padding-top:60px;text-align:center; clear: both;}
a.mn-back{font-size:18px; font-family: 'DINPro-Medium'; font-weight:bold;} a.mn-back:hover{color: #e4282c; letter-spacing:2px;}


.unr-top{width:100%; clear: both; padding-top:50px;}
.unr-top-in{width:33.3%; float:left;}
.unr-top-img{height:70px; display:block; text-transform:uppercase; font-size:20px;  font-family: 'Dinpro-bold'; font-weight:300;} .unr-top-img span{ color:#e5282e;} .unr-top-img img{width:56px; height:49px; float:left;} 
.unr-top-txt{font-family: 'DINPro-Regular'; border-left:2px solid #d9d9d9; margin-left:25px; padding-left:25px; padding-right:25px; font-size:16px; line-height:22px; height:150px;}



ul.btim01{ margin:0px 0px 0px 0px; padding:30px 0px 0px 0px !important; clear:both;  display:block !important;background: url(../images/line06.gif) no-repeat 84px 140px;}
ul.btim01 li{font-size:16px; line-height:20px; width:auto; padding-top:10px;  clear:both;} 

ul.btim01 li span{ float:left; display:block !important;}

ul.btim01 li span.pw01{width:80px; }
ul.btim01 li span.pw02 {width:120px; margin-left:80px; padding-left:20px; color: #ac875a;  font-size:15px; font-family: 'DINPro-bold'; height:auto; }
.bgt{background: url(../images/pack/icnp02.png) no-repeat 0px 3px;}
ul.btim01 li.pw03{ margin-left:220px;}
.pt04{ padding-top:15px;}
ul.btim01 li div{display:block !important; float:left; width:550px;}
.pw-note{ margin-left:80px; padding-top:50px; font-style: italic; font-family: 'DINPro-Light'; }
.pw-it{ font-style: italic; font-family: 'DINPro-Light'; }

.pdb5px{ padding-bottom:5px;}
.pdb50px{ padding-bottom:50px;}